/* Modif test */
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");
/* end */

 i{
 display:unset;
 }
.btn-red {
    color: #f8f8f8;
    background-color: #F34235;
    border-color: #c3352b;
}
.btn-red:hover {
    color: #fff;
    background-color: #c3352b;
    border-color: #c3352b;
}
.btn-lred {
    color: #F34235;
    background-color: transparent;
    border-color: #F34235;
}
.btn-lred:hover {
    color: #fff;
    background-color: #F34235;
    border-color: #F34235;
}


.btn-pink {
    color: #f8f8f8;
    background-color: #E81D62;
    border-color: #c51954;
}
.btn-pink:hover {
    color: #fff;
    background-color: #c51954;
    border-color: #c51954;
}
.btn-lpink {
    color: #E81D62;
    background-color: transparent;
    border-color: #c51954;
}
.btn-lpink:hover {
    color: #fff;
    background-color: #E81D62;
    border-color: #E81D62;
}


.btn-purple {
    color: #f8f8f8;
    background-color: #9B26AF;
    border-color: #89219b;
}
.btn-purple:hover {
    color: #fff;
    background-color: #89219b;
    border-color: #89219b;
}
.btn-lpurple {
    color: #9B26AF;
    background-color: transparent;
    border-color: #9B26AF;
}
.btn-lpurple:hover {
    color: #fff;
    background-color: #9B26AF;
    border-color: #9B26AF;
}


.btn-deep-purple {
    color: #f8f8f8;
    background-color: #6639B6;
    border-color: #5e35a8;
}
.btn-deep-purple:hover {
    color: #fff;
    background-color: #5e35a8;
    border-color: #5e35a8;
}
.btn-ldeep-purple {
    color: #6639B6;
    background-color: transparent;
    border-color: #6639B6;
}
.btn-ldeep-purple:hover {
    color: #fff;
    background-color: #6639B6;
    border-color: #6639B6;
}


.btn-indigo {
    color: #f8f8f8;
    background-color: #3E50B4;
    border-color: #3949a2;
}
.btn-indigo:hover {
    color: #fff;
    background-color: #3949a2;
    border-color: #3949a2;
}
.btn-lindigo {
    color: #3E50B4;
    background-color: transparent;
    border-color: #3E50B4;
}
.btn-lindigo:hover {
    color: #fff;
    background-color: #3E50B4;
    border-color: #3E50B4;
}


.btn-blue {
    color: #f8f8f8;
    background-color: #2095F2;
    border-color: #1a80d1;
}
.btn-blue:hover {
    color: #fff;
    background-color: #1a80d1;
    border-color: #1a80d1;
}
.btn-lblue {
    color: #2095F2;
    background-color: transparent;
    border-color: #2095F2;
}
.btn-lblue:hover {
    color: #fff;
    background-color: #2095F2;
    border-color: #2095F2;
}


.btn-light-blue {
    color: #f8f8f8;
    background-color: #02A8F3;
    border-color: #0396d8;
}
.btn-light-blue:hover {
    color: #fff;
    background-color: #0396d8;
    border-color: #0396d8;
}
.btn-llight-blue {
    color: #02A8F3;
    background-color: transparent;
    border-color: #02A8F3;
}
.btn-llight-blue:hover {
    color: #fff;
    background-color: #02A8F3;
    border-color: #02A8F3;
}


.btn-cyan {
    color: #f8f8f8;
    background-color: #00BBD3;
    border-color: #009fb3;
}
.btn-cyan:hover {
    color: #fff;
    background-color: #009fb3;
    border-color: #009fb3;
}
.btn-lcyan {
    color: #00BBD3;
    background-color: transparent;
    border-color: #00BBD3;
}
.btn-lcyan:hover {
    color: #fff;
    background-color: #00BBD3;
    border-color: #00BBD3;
}


.btn-teal {
    color: #f8f8f8;
    background-color: #009587;
    border-color: #018175;
}
.btn-teal:hover {
    color: #fff;
    background-color: #018175;
    border-color: #018175;
}
.btn-lteal {
    color: #009587;
    background-color: transparent;
    border-color: #009587;
}
.btn-lteal:hover {
    color: #fff;
    background-color: #009587;
    border-color: #009587;
}


.btn-green {
    color: #f8f8f8;
    background-color: #4BAE4F;
    border-color: #449d47;
}
.btn-green:hover {
    color: #fff;
    background-color: #449d47;
    border-color: #449d47;
}
.btn-lgreen {
    color: #4BAE4F;
    background-color: transparent;
    border-color: #4BAE4F;
}
.btn-lgreen:hover {
    color: #fff;
    background-color: #4BAE4F;
    border-color: #4BAE4F;
}



.btn-light-green {
    color: #f8f8f8;
    background-color: #8AC249;
    border-color: #78a83f;
}
.btn-light-green:hover {
    color: #fff;
    background-color: #78a83f;
    border-color: #78a83f;
}
.btn-llight-green {
    color: #8AC249;
    background-color: transparent;
    border-color: #8AC249;
}
.btn-llight-green:hover {
    color: #fff;
    background-color: #8AC249;
    border-color: #8AC249;
}


.btn-lime {
    color: #f8f8f8;
    background-color: #CCDB38;
    border-color: #bbc933;
}
.btn-lime:hover {
    color: #fff;
    background-color: #bbc933;
    border-color: #bbc933;
}
.btn-llime {
    color: #CCDB38;
    background-color: transparent;
    border-color: #CCDB38;
}
.btn-llime:hover {
    color: #fff;
    background-color: #CCDB38;
    border-color: #CCDB38;
}


.btn-yellow {
    color: #f8f8f8;
    background-color: #FEEA3A;
    border-color: #e4d235;
}
.btn-yellow:hover {
    color: #fff;
    background-color: #e4d235;
    border-color: #e4d235;
}
.btn-lyellow {
    color: #FEEA3A;
    background-color: transparent;
    border-color: #FEEA3A;
}
.btn-lyellow:hover {
    color: #fff;
    background-color: #FEEA3A;
    border-color: #FEEA3A;
}


.btn-amber {
    color: #f8f8f8;
    background-color: #FEC006;
    border-color: #e1aa05;
}
.btn-amber:hover {
    color: #fff;
    background-color: #e1aa05;
    border-color: #e1aa05;
}
.btn-lamber {
    color: #FEC006;
    background-color: transparent;
    border-color: #FEC006;
}
.btn-lamber:hover {
    color: #fff;
    background-color: #FEC006;
    border-color: #FEC006;
}


.btn-orange {
    color: #f8f8f8;
    background-color: #FE9700;
    border-color: #e78a01;
}
.btn-orange:hover {
    color: #fff;
    background-color: #e78a01;
    border-color: #e78a01;
}
.btn-lorange {
    color: #FE9700;
    background-color: transparent;
    border-color: #FE9700;
}
.btn-lorange:hover {
    color: #fff;
    background-color: #FE9700;
    border-color: #FE9700;
}


.btn-deep-orange {
    color: #f8f8f8;
    background-color: #FE5621;
    border-color: #d4481c;
}
.btn-deep-orange:hover {
    color: #fff;
    background-color: #d4481c;
    border-color: #d4481c;
}
.btn-ldeep-orange {
    color: #FE5621;
    background-color: transparent;
    border-color: #FE5621;
}
.btn-ldeep-orange:hover {
    color: #fff;
    background-color: #FE5621;
    border-color: #FE5621;
}


.btn-brown {
    color: #f8f8f8;
    background-color: #785447;
    border-color: #65463b;
}
.btn-brown:hover {
    color: #fff;
    background-color: #65463b;
    border-color: #65463b;
}
.btn-lbrown {
    color: #785447;
    background-color: transparent;
    border-color: #785447;
}
.btn-lbrown:hover {
    color: #fff;
    background-color: #785447;
    border-color: #785447;
}


.btn-gray {
    color: #f8f8f8;
    background-color: #9D9D9D;
    border-color: #888888;
}
.btn-gray:hover {
    color: #ffffff;
    background-color: #888888;
    border-color: #888888;
}
.btn-lgray {
    color: #9D9D9D;
    background-color: transparent;
    border-color: #9D9D9D;
}
.btn-lgray:hover {
    color: #fff;
    background-color: #9D9D9D;
    border-color: #9D9D9D;
}


.btn-blue-gray {
    color: #f8f8f8;
    background-color: #5F7C8A;
    border-color: #516a76;
}
.btn-blue-gray:hover {
    color: #fff;
    background-color: #516a76;
    border-color: #516a76;
}
.btn-lblue-gray {
    color: #5F7C8A;
    background-color: transparent;
    border-color: #5F7C8A;
}
.btn-lblue-gray:hover {
    color: #fff;
    background-color: #5F7C8A;
    border-color: #5F7C8A;
}


.btn-black {
    color: #f8f8f8;
    background-color: #2d2d2d;
    border-color: #000000;
}
.btn-black:hover {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}
.btn-lblack {
    color: #2d2d2d;
    background-color: transparent;
    border-color: #2d2d2d;
}
.btn-lblack:hover {
    color: #fff;
    background-color: #2d2d2d;
    border-color: #2d2d2d;
}


.btn-white {
    color: #000000;
    background-color: #ffffff;
    border-color: #d3d3d3;
}
.btn-white:hover {
    color: #222222;
    background-color: #f7f7f7;
    border-color: #d3d3d3;
}




.text-red {
    color: #F34235;
}

.text-pink {
    color: #E81D62;
}

.text-purple {
    color: #9B26AF;
}

.text-deep-purple {
    color: #6639B6;
}

.text-indigo {
    color: #3E50B4;
}

.text-blue {
    color: #2095F2;
}

.text-light-blue {
    color: #02A8F3;
}

.text-cyan {
    color: #00BBD3;
}

.text-teal {
    color: #009587;
}

.text-green {
    color: #4BAE4F;
}

.text-light-green {
    color: #8AC249;
}

.text-lime {
    color: #CCDB38;
}

.text-yellow {
    color: #FEEA3A;
}

.text-amber {
    color: #FEC006;
}

.text-orange {
    color: #FE9700;
}

.text-deep-orange {
    color: #FE5621;
}

.text-brown {
    color: #785447;
}

.text-gray {
    color: #9D9D9D;
}

.text-blue-gray {
    color: #5F7C8A;
}

.text-black {
    color: #2d2d2d;
}

.badge_sm{
	padding: .25em .4em;
	line-height: 1;
}

.decouvrir-note{
overflow: visible;
right: 0;
position: absolute;
width: auto;
}

.stats-fiche{
color:#FFFFFF;
}

.stats-fiche li{
display: inline-block;
padding: 0 5px;
vertical-align:middle;
}
.rating {
   direction: rtl;
   font-size:12px;
   text-align:center;
}
.rating span {
   color: #aaa;
   text-decoration: none;
   font-size: 3em;
   transition: color .4s;
   display: inline-block;
}
.rating span:hover,
.rating span:focus,
.rating span:hover ~ span,
.rating span:focus ~ span {
   color: orange;
   cursor: pointer;
}

.modal-open{
overflow:hidden;
}

.lien_suite{
font-weight:bold;
margin-top:10px;
display:block;	
}

.hero .overlay{
opacity: .85;
}

.hero{
background-position:30% 20%;
}

.dropdown-item{
cursor:pointer;
}

#header .navbar-right>ul>li>ul{
right: 0;
left:unset;
}

#search-icon{
display:none!important;
}

.navbar-search{
position: static;
width: auto;
z-index:1;
padding:0;
display: inline-block;
height:50px;
padding-top: 12px;
width: calc(100% - 270px);
}

.navbar-right ul .hidden-xs-down a{
padding: 0 5px!important;
}

.play-icon{
display: flex;
justify-content: center;
height: 100%;
z-index: 3;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-align: center;
align-items: center;
}

.play-icon i{
display: inline-block;
color: #fff;
font-size: 22px;
width: 84px;
height: 84px;
line-height: 76px;
border-radius: 50%;
text-align: center;
cursor: pointer;
background-color: rgba(36, 38, 41, 0.7);
border:4px solid #FFFFFF;
padding-left: 4px;
}

.play-icon i:hover{
background-color: orange;
}

.nav-responsive{
display:none;
}

#header .nav>ul>li>a, #header .nav>ul>li>a{
line-height: 50px;
}

.logo-small{
display:none;
}

.actu .owl-next{
right: 10px;
position: absolute;
top: 80px;
color:#484848!important;
font-size: 30px!important;
background: none;
background-color: #E2E2E2;
border-radius: 50px;
width: 50px;
height: 50px;
padding: 4px 17px;

}

.actu .owl-prev{
left: 10px;
position: absolute;
top: 80px;
color:#484848!important;
font-size: 30px!important;
background: none;
background-color: #E2E2E2;
border-radius: 50px;
width: 50px;
height: 50px;
padding: 4px 0px;
}

.owl-theme .owl-nav [class*=owl-]{
font-size: 30px!important;
background:none;
}

.owl-theme .owl-nav .owl-next{
right: -30px;
position: absolute;
top: 50px;
color:#484848!important;
font-size: 30px!important;
background: none;
background-color: #E2E2E2;
border-radius: 50px;
width: 50px;
height: 50px;
padding: 4px 17px;
}

.owl-theme .owl-nav .owl-prev{
left: -30px;
position: absolute;
top: 50px;
color:#484848!important;
font-size: 30px!important;
background: none;
background-color: #E2E2E2;
border-radius: 50px;
width: 50px;
height: 50px;
padding: 4px 0px;
}

.item:hover{
opacity:1;
}

.ui-widget{
z-index:2000;
}

.ui-menu{
list-style-type: none;
padding: 0;
margin: 0;
margin-top: 15px;
max-height: 500px;
overflow: scroll;
overflow-x: hidden;
}

.ui-menu li{
display: block;
border-top: 1px solid #e8e8e8;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover,.ui-state-active h4{
/*background-color:transparent!important;*/
background-color:#484848!important;
border:0;
color:white!important;
}

.ui-menu .ui-menu-item-wrapper{
margin:0;
display:block;
}

.ui-menu .ui-menu-item-wrapper > div {
display: inline-block;
vertical-align: middle;
padding: 3px;
}

.ui-menu .ui-menu-item-wrapper > div:nth-child(1) {
margin-right:10px;
}

.ui-menu .ui-menu-item-wrapper > div:nth-child(2) {
width:240px;
}

#header .navbar .navbar-right{
margin:0;
float:right;
padding-top: 5px;
text-align: right;
}

.collec-titre{
width:40%;
display:inline-block;	
}

.post .collec-visuel{
display:inline-block;
margin:0;
padding:0;
overflow:hidden;
width:100px;
}

.collec-nb-tomes{
width:10%;
display:inline-block;
}

.manquants-prix, .shopping-prix, .planning-prix, .historique-prix{
width:10%;
display:inline-block;
font-weight:bold;
}

.manquants-nb{
width:20%;
display:inline-block;
font-size:14px;
}

.manquants-nb .badge-warning{
font-size:14px;
text-transform:lowercase;
}

.manquants-titre{
width:35%;
display:inline-block;
}

.collec-actions{
display:inline-block;
width:auto;
}

.collec-nb-tomes .badge-warning{
font-size:18px;
}

.collec-type{
width:15%;
display:inline-block;
}

.collec-note{
width:10%;
display:inline-block;
}

.collec-ligne{
border-color: #e8e8e8;
margin-bottom: 23px;
padding-bottom: 23px;
border-bottom: 1px solid #ececec;
font-size: 15px;
display:block;
cursor:pointer;
}

.collec-ligne>div{
vertical-align:middle;
display:inline-block;
}
.collec-titre{
display:inline-block;
}
.collec-ligne .post-block .post-meta{
margin-bottom: 0;
}

#collection>.popover>.popover-body{
font-size:18px;
}


.autocomplete_full_width>li{
width: 100%;	
}

.autocomplete_full_width li>div{
display: block;
vertical-align: top;
}

#menu_avatar{
overflow:hidden;
width:45px;
height:45px;
border-radius:50%;
display:inline-table;
}

.affiliation .affiliation-type{
display:inline-block;
width:30%;
}

.affiliation .affiliation-logo{
height:55px;
display:inline-block;
width:20%;
text-align:center;
min-width:100px;
}
.affiliation .affiliation-logo img{
max-height:40px;
border-radius:5px;
}

.affiliation .affiliation-prix{
font-size:18px;
font-weight:bold;
color:#000000;
display:inline-block;
width:20%;
}

.affiliation .affiliation-lien{
display:inline-block;
width:25%;
}

#modal-affiliation .affiliation-image{
display:inline-block;
width:20%;
vertical-align: top;
}

.modal-dialog{
width: 98%;
max-width: 800px;
min-height: 500px;
}

.fiches-sim-vote{
bottom: 20px;
font-size: 24px;
position: absolute;
color: white;
right: 10px;
cursor: pointer;
width: 40px;
height: 70px;
text-align: center;
font-weight: bold;
background-color: #484848;
opacity: 0.7;
border-radius: 5px;
}

.actions-touch{
display:none;
}

.menu-fiche-oeuvre-icon{
display:none;
position: absolute;
left: 30px;
padding-top: 20px;
font-size: 24px;
cursor:pointer;
}

.sorties-actions{
position:absolute;
right:10px;
margin-top: -70px;
}

.decouvrir-note span{
border-radius: 50px;
width: 50px;
height: 50px;
line-height: 50px;
background-color: #E2E2E2;
}

.img-objet{
text-align:center;
max-height:450px;
margin:10px 0;
}

.img-objet img{
max-height: 400px;
}

.podcast .post-block p{
margin: 15px 0;
}

.collec-ligne .collec-titre{
	width:35%;
	}

.mobile li{
	display:block !important;
	}
	
	.mobile li a{
	display:block !important;
	}

	.mobile{
	display:block !important;
	position:absolute;
    width: 93%;
	top: 60px;
    z-index: 5;
    background-color: #FFFFFF;
	border:1px solid #E2E2E2;
	}
	
.sous-menu-collection span{
	display:inherit;
	}

.collec-ligne .shopping-type{
width:15%;
font-size:12px;
}	

.collec-actions label{
margin-left: 10px;
vertical-align: middle;
}

.autocomplete_col3 .ui-menu-item-wrapper > div:nth-child(1) {
margin-right:10px;
width:auto;
}

.stats-fiche>li>a>span>span,.stats-fiche>li>span>span{
font-weight:bold;
color:#FFFFFF;
font-size:20px;
}

.stats-fiche>li>a>span,.stats-fiche>li>div{
font-size:20px;
font-weight:bold;
}

.ui-menu li img{
margin: 0;
width: 100%;
}

.ui-menu li>div:last-child{
padding-left: 13px;
}

.login-container .ui-menu li>div:last-child{
padding-left: 0;
}

.ui-menu li>div{
display: table-cell;
vertical-align: top;
}

.ui-menu li>div h4{
font-size: 15px;
line-height: 17px;
margin: 0;
}

.login-container .ui-menu li>div h4{
font-size: 12px;
line-height: 17px;
margin: 0;
}

.ui-menu li>div span{
margin: 0;
display: inline-block;
font-size: 13px;
}

#liste-critiques .infos-critique{
width: 74%;
display: inline-block;
}

#liste-critiques .post-thumbnail{
width: 75px;
display: inline-block;
margin-top: 0;
margin-right: 10px;
vertical-align:top;
}

#actions-fiche .btn i{
margin:0;
font-size:1.2em;
}

#actions-fiche{
margin-bottom:20px;
}

.toolbar ul.toolbar-nav{
float:left;
}

.toolbar ul.menu-membre{
float:right;
}

#synopsis{
max-height: 100px;
min-height: 100px;
overflow: hidden;
text-align:justify;
}

.decouvrir-block{
overflow: hidden;
width: 100%;
display: block;
position: relative;
}

.decouvrir-filtres-aff{
display:none;
}

.post-review .post-thumbnail {
    width: 110px;
	}

.btn-filtres{
display:none;
}

.navbar-middle-content{
width: 70%;
text-align: center;
display: inline-block;
}

.navbar .navbar-left .navbar-toggle{
float: left;
display: inline-block;
color: #fff !important;
font-size: 16px;
padding: 4px 8px;
z-index: 3;
background-color: rgba(255,255,255,0.04);
border-radius: 4px;
margin-right: 15px;
margin-top: 18px;
}

.navbar-middle-btn{
display:inline-block;
}

#header{
height:110px;
}

#header .nav>ul>li>ul{
top:48px;
}

#header .logo-small{
padding:13px 0!important;
}

blockquote{
padding:15px;
border:1px solid #CCCCCC;
background-color:#E2E2E2;
margin:15px;
}

.hero-left{
width: 850px;
}

.resultats-recherche{
position:absolute;
width:300px;
border:1px solid #EEEEEE;
background-color:white;
height:350px;
overflow:scroll;
z-index:2000;
padding:5px;
border-radius:5px;
}

.resultats-recherche .post:hover{
color:white;
background-color:#484848;
}

label[for=contribution-issues-contenues]{
white-space:normal;
}

.col-sm-2{
padding-right: 0;
}

.classement-collec .post-review>div{
vertical-align: middle;
}

.classement-collec .post-review .post-block{
padding-left: 0;
}

.classement-collec .post-review .collec-titre{
padding-left: 5px;
}

.card-lg .card-block{
padding: 15px;
}

#news_source{
font-size:12px;
}

#news_source p{
display:inline-block;
}

.collec-visuel{
text-align:center;
}

.collec-visuel img{
max-height:130px;
}

.hero-fiche .hero-left{
width: 800px;
}

#collection-contenu{
display:inline-flex;
}

#collection-contenu .progress{
height:12px!important;
margin-bottom:0;
}

#collection-contenu .progress .progress-bar{
line-height:12px!important;
}

.notes-liste .avancement .post-meta{
font-size:10px;
}

#collection .avancement .post-meta{
font-size:12px;	
}

#liste-sorties .sortie-date{
position: sticky;
background-color: #F9F9F9;
z-index: 3;
top: 110px;
left: 0;
right: 0;
display: block;
border: 1px solid #E2E2E2;
border-radius: 5px;
}

#critique-corps img{
image-rendering: unset;
}

#collection-contenu{
width:100%;
}

.lightbox{
z-index:1049;
}

@media (max-width: 1200px) {
	.hero-block .hero-right{
	display:flex;
	}
	
	.hero-left{
	width: 60%;
	}
	
	.content{
	width:100%!important;
	}
	
	#header .navbar-left .nav,#header .navbar .nav {
		display: block;
	}
	
	.navbar .navbar-middle{
	width:40%;
	}
	
	.navbar .navbar-right{
	width:24%;
	}
	
	.hero-fiche .hero-left{
	width: 100%;
	}
	
	.hero-fiche .hero-right{
	display: inline-block;
	width: 50%;
	float:left!important;
	}
	
	.hero-fiche .hero-right div{
	display: inline-block;	
	}
	
	.hero-fiche #synopsis{
	min-height: unset;
	}
	
	.hero-fiche #actions-fiche{
	margin: 35px 0;
	}
	
	.hero-fiche .affiliation{
	width: 20%;
	}
}

@media screen and (min-width: 992px) {
	
	.hero-block .hero-right{
	display:flex;
	}
	
	.fixed-header {
	padding-top: 110px;
	}
	
	.navbar .navbar-left .navbar-toggle{
    display: none;
	}
	
	#header .navbar-left .nav,#header .navbar .nav {
	display: block;
	}
	
	.navbar-middle-content{
	width: 55%;
	}
	
	.autocomplete_col3 li{
	/*width: 33%;	*/
	}
	
	.modal-lg{
	min-width:700px;
	}
	
	#messages .date_courte{
	display:none;
	}
	
	#messages .date_longue{
	display:block;
	}
	
	#messages .user_msg{
	display:inline-block;
	width:30%;
	}
	
	#messages .sujet_titre{
	display:inline-block;
	width:70%;
	}
}

@media screen and (min-width: 800px) and (max-width: 992px){
	.navbar .navbar-middle{
	display:block;
	width:100%;
	}
	
	.navbar .navbar-right{
	width:auto;
	}
	
}

@media screen and (min-width: 600px) and (max-width: 992px){
	
	.hero-fiche .affiliation{
	width: 100%;
	text-align: center !important;
	}
	
	#actions-fiche{
	text-align: center;
	}
	
	#actions-fiche .rating{
	width:100%;
	}
	
	.hero-block .hero-right{
	display:block;
	width:100%!important;
	}
	
	.hero-left{
	width: auto;
	}
	
	.hero-game .hero-review{
	display:inline-block;
	}
	
	#synopsis{
	max-height: unset;
	min-height: unset;
	overflow: unset;
	}
	
	.navbar-middle-content{
	width: calc(60% - 180px);
	}
	
	.navbar .navbar-right{
	width:auto;
	}
	
	#header .navbar,#header{
	height:auto;
	}
	
	.navbar .navbar-middle{
	display:block;
	width:100%;
	}
	
	.sorties-actions{
	position: relative;
    display: block;
	margin-left:10px;
	margin-top:0;
	}
	
	.autocomplete_col3 li{
	width: 50%;
	}
	
	#messages .date_courte{
	display:block;
	}
	
	#messages .date_longue{
	display:none;
	}
	
	#messages .user_msg{
	display:inline-block;
	width:30%;
	}
	
	#messages .sujet_titre{
	display:inline-block;
	width:70%;
	}
	
	.menu-fiche-oeuvre-icon{
	display: inline-block;
	padding-top: 15px;
	}
	
	.menu-fiche-oeuvre{
	display:none;
	}
	
	.hero-block .hero-right-note{
	display:block;
	float:none;
	}
	
	.hero-review-note-staff,.hero-review-note-membres{
	/*display:none;*/
	}
	
	.navbar-middle-btn{
	display:none;
	}
	
	#header .navbar-left-menu {
	display: none!important;
	}
	
	.navbar-left{
	padding-bottom:10px;
	}
	
	.collec-ligne .collec-actions{
	display:none;
	}
	
	.actions-touch{
	display:inline-block;
	width:auto;
	}
	
	#collection .hidden-md-down,#collection .hidden-sm-down{
	display:inline-block!important;
	}
	
	#filtres .input-icon-right{
	width:50%!important;
	}
	
}

@media screen and (max-width: 600px) {
	
	#liste-sorties .sortie-date{
	top:60px;
	}
	
	.stats-fiche{
	color:#FFFFFF;
	margin-top:0!important;
	}
	
	.hero-block .hero-right{
	width:100%!important;
	display:block;
	}
	
	.hero-block .hero-right img{
	max-width:70%;
	}
	
	.hero-left{
	width: auto;
	}
	
	#synopsis{
	max-height: unset;
	min-height: unset!important;
	overflow: unset;
	}
	
	#header{
	height:62px;
	}
	
	.navbar-middle-content{
	width:0;
	}
	
	#header .navbar-left-menu {
	display: none!important;
	}
	
	/*
	.hero{
	min-height: 200px;
	}
	*/
	.decouvrir .decouvrir-filtres{
	display:none;
	position:absolute;
	background-color: #FFFFFF;
	width: 100%;
	top: 5px;
	padding:10px;
	z-index:4;
	left:0;
	}
	
	.decouvrir .decouvrir-block .post-thumbnail{
	display: inline-block;
    margin: 0;
	width:auto;
	}
	
	.decouvrir .decouvrir-block .post-block{
	display: inline-block;
	width:60%;
	}
	
	.decouvrir .decouvrir-block .post-block #actions-fiche{
	display: none!important;
	}
	
	.btn-filtres{
	display:inline-block;
	}
	
	/*
	.decouvrir .decouvrir-filtres .sidebar{
	display:none;
	position:absolute;
	background-color: #FFFFFF;
	width: 100%;
	top: 5px;
	padding:10px;
	z-index:4;
	left:0;
	height: 100%;
	}
	*/
	
	.decouvrir .decouvrir-filtres .row{
	margin:0;
	}
	
	.decouvrir-filtres-aff{
	display:block;
	float:right;
	}
	
	.decouvrir-note{
	overflow: visible;
	left: 20px;
	top: 75px;
	right:initial;
	position: absolute;
	width: auto;
	z-index: 3;
	}
	
	.decouvrir-note div,.decouvrir-note canvas{
	width:50px!important;
	height:50px!important;
	}
	.decouvrir-note span{
	width:40px!important;
	height:40px!important;
	line-height: 40px;
	}
	
	.post-review{
	margin:5px 0;
	}
	
	.stats-fiche li{
	display: inline-block;
	padding: 0 3px;
	vertical-align:middle;
	}
	
	.post-review .post-block{
	padding-left: 10px;	
	}
	
	.post-md .post-thumbnail {
    width:30%;
	}
	
	.post-review .post-thumbnail .badge{
	top:unset;
	}
	
	.post-review .post-thumbnail {
    width: 100%;
	}
	
	.article img{
	width:100%!important;
	height:auto!important;
	}
	.hidden-xs-down{
	display: inline-block !important;
	}
	.navbar .navbar-middle{
	width:100%;
	}
	
	#form_recherche{
	display:block;
	}
	
	.navbar-search{
	background-color: #242629;
	padding: 5px 15px 15px 15px;
	position: absolute;
	width: 100%;
	top: -62px;
	left: 0;
	z-index: -2;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
	}
	
	#search-icon{
	display:inline-block!important;
	}
	
	.navbar .navbar-right{
	width:auto;
	}
	
	.dropdown-notification{
	display:initial!important;
	}
	
	#filtres{
	width:100%;
	}
	
	#filtres .input-icon-right{
	width:100%!important;
	}
	
	#collection .toolbar-custom{
    float: none!important;
	}
	
	#collection .toolbar-custom .btn-icon{
	margin-left: 0px !important;
	margin-right: 5px !important;
	float: left !important;
	}
	
	#collection .collec-note{
	position: absolute;
    margin-left: 25px;
	}
	
	.menu-fiche-oeuvre-icon{
	display: inline-block;
	padding-top: 15px;
	}
	.sorties-actions{
	position: relative;
    display: block;
	margin-left:10px;
	margin-top:0;
	}

	.actions-touch{
	display:inline-block;
	width:auto;
	}
	
	.toolbar.toolbar-links .btn{
	font-size:12px;
	padding: 5px 7px;
	margin-left:0!important;
	}
	
	.card-header{
	display:block;
	}
	
	.modal-dialog{
	width: auto;
	}
	.modal:before{
	display:none;
	}
	.modal-dialog{
	display:block;
	}
	
	.menu-bar .btn{
	font-size:8px;
	}
	
	.menu-bar .a{
	margin-left:0;!important
	}
		
	.rating span{
	font-size:2.2em;
	}
	
	.hero .hero-block .btn{
	display:inline-block;
	}
	
	.user-avatar{
	display:block;
	}
	
	#header .logo img{
	height:30px;
	text-align:left;
	position:absolute;
	left:50px;
	}
	
	.logo-small{
	display:inline-block;
	}
	
	.logo{
	display:none!important;
	}
	
	.navbar-middle-btn{
	display:none;
	}
	
	#messages .user_msg{
	display:block;
	width:100%;
	font-size:12px;
	}
	
	#messages .sujet_titre{
	display:block;
	width:100%;
	}
	
	#messages .check{
	display:none;
	}
	
	#messages .sujet span{
	display:block;
	}
	
	#messages .date_courte{
	display:block;
	}
	
	#messages .date_longue{
	display:none;
	}
	
	.autocomplete_col3 li{
	width: 100%;	
	}
	
	.modal-lg{
	min-width:auto;
	}
	
	.post .collec-visuel{
	width:40%;
	float:left;
	height:100%;
	padding:0 0 10px 0;
	}
	
	.shopping-list .post .collec-visuel{
	height:auto;
	}
	
	.shopping-list .post-review>div,#liste-sorties .post-review>div{
	display:table-cell;
	}
	
	.shopping-list .detail-objets{
	font-size: 16px;
	}
	
	.shopping-list .date-sortie{
	font-size: 10px;
	}
	
	#liste-sorties .post-review .post-thumbnail{
	width:110px;
	margin:0;
	}
	
	#liste-sorties .post-review{
	margin:15px 0;
	}
	
	.manquants-nb{
	width:15%;
	}
	
	.collec-titre, .manquants-titre{
	width: 60%;
    display: inline-block;
    float: left;
	}
	.collec-nb-tomes{
	width: 10%;
    float: left;
    position: absolute;
    left: 5px;
    margin-top: 10px;
	}
	.collec-nb-tomes .badge-warning{
	font-size:14px;
	}

	.collec-type{
	width: 40%;
    display: inline-block;
    float: left;
	}
	.collec-note{
	width: 10%;
    float: left;
    text-align: left;
	position:absolute;
	right: 20px;
    top: 50px;	
	}
	
	.collec-ligne{
	position:relative;
	}
	
	.collec-ligne .manquants-nb span:nth-child(2){
	display:inline-block;
	}
	
	.collec-ligne .manquants-nb{
	width:50%;
	}
	
	.collec-ligne .collec-actions{
	display:none;
	}
	
	.collec-ligne .actions-touch{
	display:block!important;
	position: absolute;
    top: 5px;
    right: 0;
	}
	
	.collec-ligne .manquants-titre{
	width: 50%;
	}
	
	.collec-ligne .manquants-nb, .collec-ligne .manquants-prix{
	display: inline-block;
	}
	
	.collec-ligne .post-block{
	padding-left: 0px;
	padding-bottom: 10px;
	font-size:10px;
	}
	
	.collec-ligne .collec-titre{
	width:45%;
	}
	
	#collection>.popover>.popover-body{
	font-size:24px;
	}
	
	#collection>.popover{
	width: 95%;
	margin:0;
	max-width:100%;
	transform: translate3d(15px, 141px, 0px);
	}
	
	.hero-block .hero-right-note{
	display:block;
	float:none;
	margin-top: 10px;
    margin-bottom: 0;
	}
	
	.hero-review-note-staff,.hero-review-note-membres{
	/*display:none;*/
	}
	
	.sous-menu-collection{
	font-size:26px!important;
	}
	
	#collection .dropdown{
	display:initial!important;
	}
	
	.sous-menu-collection span{
	display:none;
	}
	
	.manquants-nb, .manquants-prix, .shopping-prix{
	/*width:auto !important;*/
	}
	
	.manquants-nb span:nth-child(2){
	display:none;
	}
	
	.collec-actions{
	width: 50%;
	display:none;
	}
	
	.affiliation .affiliation-prix{
	width: 30%;
	display:inline-block;
	font-size: 14px;
	}
	
	.affiliation .affiliation-logo{
	display:inline-block;
	width:20%;
	}
	
	.affiliation .affiliation-type{
	display:none;
	}
	
	.affiliation .affiliation-lien{
	width:10%;
	}
	
	#modal-affiliation .affiliation-image{
	display:block;
	width:100%;
	text-align:center;
	}
	
	#modal-affiliation .affiliation-image img{
	display:block;
	width:50%;
	margin: 0 auto;
	}
	
	.notes-liste .actions-touch{
	display:table-cell !important;
	}
	
	.notes-liste .collec-actions{
	display:none!important;
	}
	
	.notes-liste .hidden-md-down{
	display:block;
	}
	
	.notes-liste .collec-nb-tomes{
	position:static;
	display:inline-block;
	float:none!important;
	}
	
	.notes-liste .post-title{
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	}
	
	.notes-liste .collec-type{
	display:none!important;
	}
	
	.notes-liste .chart, .notes-liste canvas{
	width:50px!important;
	height:50px!important;
	}
	
	.notes-liste .collec-note{
	float:none;
	position:static!important;
	margin-top:0;
	display:inline-block;
	}
	
	.notes-liste .collec-titre{
    float: none;
	width:45%!important;
	display:inline-block!important;
	}
	
	.notes-liste .avancement .post-meta{
    font-size:10px;
	}
	
	.notes-liste .avancement .progress{
    display:none;
	}
	
	.post-review>div{
	display: block;
	}
	
	.post-md>div{
	display:table-cell;
	}
	
	.post-md .post-block{
	padding-left:20px;
	}
	
	.collec-actions{
	display: inline-block;
	width:50%;
	}
	
	.collec-actions label{
	position: absolute;
    left: 5px;
    top: 5px;
	}
	
	#collection .hidden-sm-down{
	display:inline-block!important;
	}
	
	#collection .notes-liste .collec-actions{
	display: none;
	}
	
	#collection .notes-liste{
	display: table-row;
	}
	
	.notes-liste .manquants-titre {
	width:38%;
	}
	
	.shopping-list .collec-actions .collection,.shopping-list .collec-actions .supprimer_shopping_objet{
	display:none;
	}
	
	.shopping-list .collec-actions .collec-affiliation,.shopping-list .collec-actions{
	display:inline-block;
	}
	
	.bloc-auteur-critique>span:nth-child(2){
	display:block;
	}
	
	.bloc-auteur-critique>a, .bloc-auteur-critique>.suivre-membre{
	display:inline-block;
	}
	
	.bloc-auteur-critique{
	text-align:center;
	}
	
	.suivre-membre{
	margin:0!important;
	}
	
	.bloc-like-critique{
	text-align:center;
	}
	
	.critique-thumbs{
	display:block;
	margin:10px;
	}
	
	.nb-notes-total{
	position: absolute;
    top: 125px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    font-size: 18px;
	}
	
	.hero-game .hero-review{
	display:inline-block;
	}
	
	.hero .hero-block{
	padding:0;
	}
	
	.hero-block .rating:before{
	display:block;
	content:"Votre note";
	margin-top: 10px;
	font-weight:bold;
	}
	
	.hero-block .rating{
	font-size:14px;
	}
	
	.stats-fiche i{
	font-size:16px;
	}
	
	.stats-fiche>li{
	margin:10px 0;
	}
	
	/*
	.stats-fiche{
	margin-right: 0!important;
	}
	*/
	.autocomplete_col3 .ui-menu-item-wrapper > div:nth-child(2) {
	width:160px;
	}
	
	.ui-menu li>div h4{
	font-size: 13px;
	}
	
	#liste-critiques .infos-critique{
	width: 70%;
	display: inline-block;
	}
	
	#liste-critiques .infos-critique .post-title{
	display: none;
	}
	
	#liste-critiques .infos-critique .post-meta span:nth-child(2){
	display: none;
	}
	
	#liste-critiques .infos-critique .post-meta{
	font-size:12px;
	}
	
	#liste-critiques .post-thumbnail{
	width: 50px;
	display: inline-block;
	margin-top: 0;
	}
	
	.stats-fiche>li>a>span>span,.stats-fiche>li>span>span{
	font-weight:bold;
	color:#FFFFFF;
	font-size:14px;
	}

	.stats-fiche>li>a>span,.stats-fiche>li>span{
	font-size:14px;
	font-weight:bold;
	}
	
	#actions-fiche .notation{
	width:100%;
	display:block;
	}
	
	#actions-fiche .affiliation{
	float:none!important;
	text-align: center !important;
	}
	
	#actions-fiche{
	text-align: center;
	}
}

.nb-notes-total{
position:absolute;
top:160px;
left: 50%;
transform: translate(-50%, -50%);
width:100%;
font-size:18px;
}

.bloc-like-critique{
background-color:#E2E2E2;
padding:30px;
margin:0;
}

.spacer{
display: block;
clear: both;	
}

.form-control{
background-clip:initial;
}

.ligne-collec>div{
vertical-align: middle;
}

.card .card-img{
height: 250px;
overflow: hidden;
}

.ajout-collec{
position:static;
}

.collec-note .rating{
display:none;
}

.notes-vignettes{
border: 0;
padding-bottom: 60px;
border-bottom: 1px solid #E2E2E2;
height: 230px;
position: relative;
}
.notes-vignettes .collec-visuel{
overflow: hidden;
height: 170px;
display: block;
text-align: center;
width: 100%;
}

.notes-vignettes .collec-visuel a{
display: inline;
}

.notes-vignettes img{
max-width: none;
max-height: 100%;
}

.notes-vignettes .post-block{
display:block;
}

.notes-vignettes .collec-type,.notes-vignettes .shopping-type{
	/*
position: absolute;
top: 140px; 
left: 50%;
transform: translate(-50%, -50%);
width:auto;
font-size:12px;
*/
display:none;
}

.notes-vignettes .collec-note{
overflow:visible;
left: 50%;
bottom:0;
transform: translate(-50%, -50%);
position:absolute;
width: 75%;
}

.notes-vignettes .collec-titre{
width:100% !important;
padding:0;
text-align:center;
}

.notes-vignettes a{
text-align:center;
text-overflow:ellipsis;
white-space: nowrap;
overflow: hidden;
display:block;
}

.notes-vignettes .post-block .post-title {
font-size:12px;
width:auto;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}

.notes-vignettes .collec-note .rating{
display:block;
}

.notes-vignettes .collec-note .chart{
display:none;
}

.notes-vignettes .post-block {
padding:0;
}

.notes-vignettes .notes-moyenne {
display: none;
}

.notes-vignettes .collec-nb-tomes span{
position:absolute;
top:10px;
left:20px;
font-size: 12px;
}

.notes-vignettes .objets {
position:absolute;
z-index:4;
width: 1140px!important;
top: 200px;
}

.notes-vignettes .manquants-titre {
width:100%;
text-align:center;
}

.notes-vignettes .manquants-titre span, .notes-vignettes .collec-editions, .notes-vignettes .collec-actions {
display:none !important;
}

.notes-vignettes .actions-touch .btn-icon{
padding: 5px 8px;
}

.notes-vignettes .actions-touch{
position: absolute;
top: 10px;
right: 20px;
border-radius: 5px;
background-color: #FFFF;
border: 1px solid #E2E2E2;
}

.notes-vignettes .shopping-prix span, .notes-vignettes .historique-prix span{
left: 50%;
transform: translate(-50%, -50%);
position:absolute;
top:200px;
}

.notes-vignettes .manquants-prix,.notes-vignettes .planning-prix,.notes-vignettes .planning-type{
display:none;
}

.notes-vignettes .manquants-nb{
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
top: 130px;
display: block;
width: 100%;
text-align: center;
/* background: linear-gradient(to right, transparent, mistyrose); */
background-color: rgba(255, 255, 255, 0.7);
color: black;
padding: 5px;
}

.notes-vignettes .historique-type{
display:none;
}

.notes-vignettes .avancement{
position: absolute;
bottom: 50px;
color: #000000;
left: 50%;
transform: translate(-50%, -50%);
width:75%;
}

.notes-vignettes .avancement .post-meta{
background-color: rgba(255, 255, 255, 0.7);
}

.date-sortie{
left: 50% !important;
transform: translate(-50%, -50%);
position:absolute;
border-radius:5px;
bottom:0px;
background-color: #2575dc;
width: 90%;
color: #FFFFFF;
font-weight: bold;
padding: 5px;
font-size: 12px;
text-align:center;
}

.planning-date{
display:none !important;
}

.notes-moyenne{
font-size:20px;
color:#484848;
height:60px;
width:60px;
opacity:0.5;
line-height:60px;
}

.notes-vignettes .chart span{
background-color: lightgray;
border-radius: 50%;
width: 40px;
height: 40px;
line-height: 40px;
}

.notes-liste{
padding: 10px 0;
margin:0;
height:auto !important;
}

.notes-liste .collec-titre{
width:40% !important;
}

.notes-liste .post-title, .notes-liste .collec-nb-tomes .badge, .notes-liste .collec-type{
font-size:14px !important;
}

.notes-liste .collec-note .chart{
font-size:16px !important;
}

.notes-liste .manquants-titre {
width:38%;
}

.notes-liste .collec-type{
width:30%;
}

.notes-liste .collec-editions, .notes-liste .collec-visuel{
display:none;
}

.notes-liste .collec-type{
width:20%;
}

.notes-liste .actions-touch{
display:inline-block;
}

.notes-liste:nth-child(odd){
background-color:#F2F2F2;
}

.notes-liste .planning-date{
display:inline-block !important;
width:15%;
}

.notes-liste .manquants-titre h2, .notes-liste .manquants-titre span{
display:inline-block;
}

.notes-liste .manquants-titre span{
font-size:12px;
}

.sortie{
display:block;
height:150px;
overflow:hidden;
}

.sorties-vignettes{
display:inline-block;
height:280px;
position:relative;
max-width: 24%;
}

.sorties-vignettes .date-sortie{
position:absolute;
bottom:0;
border-radius: 5px;
padding: 10px;
height: auto;
left: 0;
left: 50%;
transform: translate(-50%, -50%);
width: auto;;
}

.sorties-vignettes .type-fiche{
display:none;
}

.sorties-vignettes .sortie-edition,.sorties-vignettes .sortie-editeur{
display:none !important;
}

.sorties-vignettes .sorties-actions{
display: block!important;
position: absolute;
top: 5px;
right: 20px;
margin-top:0;
}

.sorties-vignettes .post-title a{
font-size:12px;
}

.sorties-vignettes .post-thumbnail{
margin-bottom:0;
margin-top: 0;
}

.sorties-vignettes>div{
display:block;
}

.sorties-vignettes>.post-thumbnail{
width:100%;
height: 200px;
overflow: hidden;
}

.sorties-vignettes>.post-block{
width:100%;
padding:0;
text-align:center;
}

.sorties-vignettes .post-title{
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
text-align: center;
}

.sortie-hidden{
display:none !important;
}

.sorties-liste .post-thumbnail{
display:none;
height:auto;
}

.sorties-liste{
height:auto;
margin: 5px 0;
padding: 5px 0;
}

.sorties-liste h2{
font-size: 16px!important;
}
.sorties-liste .sortie-editeur{
font-size:10px;
color:#484848;
}

.sorties-liste>.post-block{
width:100%;
display:block;
}

.sorties-liste .post-meta{
display:inline-block;
width:20%;
}

.sorties-liste .post-title-container{
width:45%;
}

.sorties-liste .sortie-edition{
display:inline-block;
}

.sorties-liste .sorties-actions{
display:inline-block;
margin:0;
}

.sorties-liste .affiliation{
display:inline-block;
}

.sortie-edition{
text-transform:uppercase;
font-size:10px;
color:#AAAAAA;
display:block;
width: 100%;
}

.post-title-container{
display:inline-block;
width:100%;
text-align:initial;
}

.articles .carousel-inner{
height:400px;
}

.articles .carousel-inner .carousel-item{
height:100%;
}

.user-bg {
position:absolute;
top:20px;
z-index:10;
right:20px;
opacity:0.5;
}

.user-bg:hover {
opacity:1;
}

.user-avatar{
position:absolute;
bottom:5px;
left:5px;
opacity:0.5;
}

.user-avatar:hover {
opacity:1;
}

.user-avatar>i {
margin:0;
}

.sous-menu-collection{
margin:0 0 40px 0;
font-size: 18px;
border-bottom: 1px solid #E2E2E2;
}

.sous-menu-collection li{
display: inline-block;
padding: 5px;
margin: 0 5px;
opacity: 0.4;
font-weight: 200;
}

.sous-menu-collection .active{
border-radius: 5px 5px 0 0;
color: #484848;
opacity: 1;
background-color: #F2F2F2;
border:1px solid gainsboro;
border-bottom: 0;
font-weight: bold;
}

.collec-stats{
padding:0;
margin:0;
}

.collec-stats>ul{
list-style-type:none;
text-align:center;
}
.collec-stats>ul>li{
display:inline-block;
text-align:center;
width:100px;
font-size:24px;
color:#484848;
font-weight:bold;
opacity:0.5;
}

.collec-stats>ul>li:hover{
opacity:1;
}

.collec-stats-selected{
opacity:1!important;
}

.bg-top:hover{
opacity:1;
}

.bg-top{
opacity:0.2;
}

.content{
width:1200px;
margin:0 auto;
background-color:#FFFFFF;
position:relative;
}

body{
/* Modif test */
font-family:"Roboto",sans-serif;
font-size:1rem;
font-weight:400;
line-height:1.5;
color:#59595f;
/* end */
background-color:#484848;
}

#footer{
position:relative;
}

#files div{
float:left;
width:25%;
}

.article img{
/*width:100%!important;*/
height:auto!important;
}

.article iframe{
max-width: 100%;
}

.article a{
color:#000000;
}

.article a:hover{
color:#007bff;
}

.selected{
background-color:#2575dc;
color:#FFFFFF;
}

.com-edit{
cursor:pointer;
color:#000000;
}

.com-edit:hover{
color:#007bff;
}

.comment-body{
white-space: pre;
white-space: pre-line;
word-break: break-word;
}

pre{
white-space: pre-wrap;
background: #EEE;
}

.filtre-etiquette{
background-color: #3b83e0;
color: #fff;
border-color: #3b83e0;
font-size: 14px;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px;
}

.filtre-etiquette span{
color: #fff;
margin-right: 5px;
cursor: pointer;
display: inline-block;
font-weight: bold;
}

p b, p strong {
    color: inherit;
}

.ui-autocomplete-loading {
background:url('https://www.sanctuary.fr/public/img/ajax-loader.gif') no-repeat right 35px center;
}

.ui-autocomplete h4{
font-size:14px;
}

.ui-autocomplete span{
font-size:12px;
}

.autocomplete_col3{
position:fixed;
}

#cgdiv_920,#multi300,#cgdiv_922,#cgdiv_19175{
text-align:center;
}

#cgdiv_920{
background-color: #aaa;
margin-bottom: -6px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
border: 1px solid #c5c5c5;
background: #484848;
font-weight: normal;
color: #FFFFFF;
}

.ui-slider-horizontal .ui-slider-handle{
top: -.7em;
margin-left: -.6em;
}

.ui-slider .ui-slider-handle{
border-radius: 50%;
position: absolute;
z-index: 2;
width: 30px;
height: 30px;
cursor: default;
-ms-touch-action: none;
text-align: center;
padding: 3px;
touch-action: none;
}

.ui-slider-horizontal{
height:10px;
}

.widget-game .widget-block .widget-item ul li a{
word-break: break-all;
}

.login-form input[type="date"]{
line-height:inherit;
}

@media print
{
	body #header, body .nav, body #hab, body #bg-img, body .toolbar, body #footer, body #barre-actions,body #collection > div:not(#liste-objets),body #collection #liste-objets .collec-ligne[selected="selected"],#liste-objets .collec-actions,#liste-objets .collec-ligne:not(.print),#liste-objets .meta,#liste-objets .badge,.subtitle,#cgdiv_920,#cgdiv_920,#cgdiv_19175{
		display: none!important;
	}
	
	.manquants-titre{
	width:40%!important;
	}
	
	.shopping-type,body.shopping-prix{
	width:20%!important;
	}
	
	#liste-objets:before{
	display:block;
	width:100%;
	margin-bottom:20px;
	content:"Votre shopping list SANCTUARY";
	text-align:center;
	}
	
	.notes-liste .manquants-titre{
	width:50%!important;
	}
	
	.notes-liste .shopping-type,body.shopping-prix{
	width:25%!important;
	}
	
}