/* 
    Document   : indiemag.css
    Created on : 12 oct. 2016, 16:20:46
    Author     : Thomas
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
@import url(fonts/OpenSans-CondBold/stylesheet.css);
@viewport { width: 100vw ; min-zoom: 100% zoom: 100% ; } 

root { 
    display: block;
}

/* Mobile ... - 799px */
body {
    background:#e0dede;
    min-width : 698px;
    margin: 0;
    font-family: arial;
    color:#242424;
	position : relative;
}
h1, h2, h3, h2 a, h3 a {
    font-family: OpenSans-CondBold,Arial,Sans-Serif;
    text-transform: uppercase;
    font-size: 35px;
    margin : 0;
    float: left;
    width: 100%;
    font-weight : normal;
}
h1 {
    color: #242424;
    font-size: 27px;
    margin-bottom : 15px;
}
h2 a:hover, h3 a:hover {
    color:#c90032;
}
.entete h3, .zone-titre h3 a {color:white;}
a {
    text-decoration: none;
    display: inherit;
    color:#c90032;
}
.clear {
    clear:both;
}
.insecable {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: -3px;
}
#header {
    background : #242424;
    border-bottom:#c90032 5px solid;
    height : 50px;
    padding : 25px;
    position:relative;
	z-index: 3;
    /*position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5;*/
}
#header .icone a, #slider .fleche, .slide-highlight .fleche{
    display:inline-block;
    width:50px;
    height:50px;
}
#logo-mobile, #logo, #main-menu-mobile {
    float:left;
    margin-right : 7px;
    overflow: auto;
}
#logo-mobile {margin: 0 60px;}
#main-menu-mobile a {
    background : url("/sites/all/themes/im_v4/img/Icons_Mobile_Main.png") 311px -1px;
}
#logo, .profil-recherche, .header-inner .bloc-droit, .header-menu-inner .reseaux {display:none;}
#logo-mobile a {
    margin: 0 10px 7px 0;
}
.responsive-menus {width: auto!important;position: absolute;  left: 0;  right: 0;  bottom: -48px;}
#recherche-mobile, #profil-mobile, #recherche, #profil {
    overflow: auto;
    float: right;
    margin-left:7px;
}
.responsive-menus.responsified span.toggler {
    border-radius: initial;
    box-shadow: none;
    padding: 7px;
}
.responsive-menus.responsified.responsive-toggled.absolute {
    position: absolute; z-index:20;
}


#recherche-mobile a {
    background : url("/sites/all/themes/im_v4/img/Icons_Mobile_Main.png") 415px -1px;
}
#profil-mobile, #profil {
    position: relative;
}
#profil-mobile {padding-bottom: 7px;padding-right: 7px;}
#profil-mobile .user-picture {height: 50px; width: 50px;}
#profil-mobile .user-picture a {width: 50px;height: 50px;margin-right: 0;background : url("/sites/all/themes/im_v4/img/Icons_Mobile_Main.png") 467px -1px;}
#profil-mobile .user-picture a img {width: 46px;height: 46px;border: 2px solid white;border-radius: 5px;}
#header .mail_notif a {width:auto;height:auto;color:white;} 
#profil-mobile .mail_notif, #profil .mail_notif {
    font-family: OpenSans-CondBold,Arial,Sans-Serif;
    position: absolute;
    width: 15px;
    height: 15px;
    bottom: 0;
    right: 0;
    background: #c90032;
    border-radius: 20px;
    padding: 1px 3px 5px 3px;
    color: white;
    text-align: center;
}

#content {
    margin : 10px;    
    padding-bottom: 1px;
    margin-bottom: -1px;
    margin-top: 15px;
}
.colonne-principale, .colonne-secondaire, .footer-content-inner, .colonne-principale.full {
	max-width: 664px;
    margin: auto;
}
.flexslider {
    padding: 0;
    border-bottom: 0;
    margin: 0;
}
#slide_home .flexslider {border:none;}
#slider {
    padding : 3px;
    position: relative;
}
#slider .image img {
    width:100%;
    height:auto;
}
#slider .zone-titre h3{
    width: auto;
}

#slider {padding: 4px;}
#slider .image {margin-bottom: 45px;}
#slider .zone-titre a {max-width: 490px;font-size: 27px;}
#slider .flex-control-nav a {width: 18px;height: 18px;}
#slider .flex-control-nav {width: 116px;height: 30px;}
#slider .type-contenu a, .vignette .type-contenu a, .type-contenu a, .type-noeud a{font-size: 16px; padding: 2px 10px -0 10px;}
#slider .zone-titre {left:0;right:0;bottom:0;padding: 7px 15px;}
#slider .types-contenu {top: -32px;}

.zone-titre {
    border-top : 2px #c90032 solid;
    position : absolute;
    bottom: 4px;
    left: 4px;
    right: 4px;
    background : url("./img/noir-trans-85.png");
    padding: 5px 15px;
    background-size: 100%;
}

 #block-views-highlight-block .types-contenu {
    position: absolute;
    right: -15px;
    top: -26px;
}

 #block-views-highlight-block .vignette .zone-titre, #block-views-highlight-block-5  .vignette .zone-titre, 
 .view-id-related .vignette .zone-titre {
	  background-position: left bottom;
	  transform:scaleY(-1);
	  border-bottom: 2px #c90032 solid;
	  border-top:none;
	}
 #block-views-highlight-block .vignette .zone-titre > div, #block-views-highlight-block-5 .vignette .zone-titre > div,
 .view-id-related .vignette .zone-titre > div {
	  transform:scaleY(-1);
	  position: relative;
	  top: 34px;
	}
#block-views-highlight-block .vignette .bordure, #block-views-highlight-block-5 .vignette .bordure,
.view-id-related .vignette .bordure{
	padding-bottom: 47px;
}
.view-id-related  .vignette .types-contenu {
	right : -15px;
	top: -26px;
}

.block.slider {border:0;}
.block.slider .content {border : 1px solid #a9a9a9;padding:0;}
#slider .zone-titre h3 {
	width: calc(100% - 160px);
}

.flex-direction-nav li a:hover {background: url(/sites/all/themes/im_v4/img/rose-trans-50.png);}
.flex-direction-nav li a {background: url(./img/noir-trans.png);border-radius: 8px;    z-index: 2;}
.flex-control-nav li {margin: 0;}
#slider .flex-control-nav, .slide-highlight .flexslider  .flex-control-nav {
	position: absolute;
	z-index: 2;
	bottom: 12px;
    right: 0;
    width: auto;
	}
.other-video .slide-highlight .flexslider .flex-control-nav {
	bottom: -20px;
}
#slider .flex-control-nav a, .slide-highlight .flexslider  .flex-control-nav a{
    display: inline-block;
    width: 28px;
    height: 28px;
    border: 2px #9f9f9f solid;
    margin-right: 7px;
    margin-top: 4px;
    border-radius: 8px;
}
#slider .flex-control-nav a.flex-active, .slide-highlight .flexslider .flex-control-nav a.flex-active {border-color:#c90032;}
#slider .type-contenu  a {font-size: 25px;}
.type-contenu  a {font-size: 20px;}
.types-contenu {
    position: absolute;
    right: 0;
	top : -21px;
	z-index: 1;
}
.slide-highlight .flexslider {padding-bottom: 45px;border:none;background:none;}

.highlight .type-contenu {
    top: -34px;
}
.highlight .slide-highlight .flexslider .flex-control-nav {
    position: absolute;
    bottom: 14px;
    width: 100%;
    text-align: center;
}
#block-views-highlight-block_5.highlight .slide-highlight .flexslider .flex-control-nav {
    width: 200px;
    bottom: -5px;
}
.slide-highlight .flexslider .flex-control-nav a {
    width:14px;
    height:14px;
}
#block-views-highlight-block_5 .slide-highlight .vignette {
        width:100%;
}
#block-views-highlight-block_5 .slide-highlight .vignette:nth-child(2n+1) {
        margin-bottom:10px;
}
#block-views-highlight-block, #block-views-highlight-block_3 {
    display:none;
}
.type-contenu  a, .type-noeud a{
    font-family: OpenSans-CondBold,Arial,Sans-Serif;
    color:white;
    background : #c90032;
    font-size: 16px;
    padding: 2px 10px -0 10px;
    margin-bottom: -2px;
}
.footer-recap a:hover, .footer-recap div .right, .type-contenu a:hover, .vignette.apercu.test .image:hover .fond-note, .fiche.user .boutons a:hover {background:#a8072f;}
#slider .fleche-gauche, #slider .fleche-droite, 
.slide-highlight .fleche-gauche, .slide-highlight  .fleche-droite,
.videos-moment .fleche-gauche .fleche, .videos-moment .fleche-droite .fleche
{
    position : absolute;
    top: calc(50% - 25px);
    width: 50px;
    height: 50px;
    background: url(./img/noir-trans.png);
    border-radius: 5px;
}
#slider .fleche-gauche:hover, #slider .fleche-droite:hover, 
.slide-highlight .fleche-gauche:hover, .slide-highlight  .fleche-droite:hover,
.block.videos-moment .main-video .vignette .image:hover .ombre-logo, .block.videos-moment .other-video .vignette:hover span.ombre-logo
{
    background: url(./img/rose-trans-50.png);
}
.flex-direction-nav a {width: 50px;height: 50px;top: 47%;}
.view-id-Indiemag_v4.view-display-id-block_3 .flex-direction-nav a {top: 51%;}
.flex-direction-nav a.flex-next:before, .flex-direction-nav a.flex-prev:before {width: 50px;height: 50px;content: ' ';}
.flex-direction-nav a.flex-next:before {background: url(./img/Icons_Mobile_Main.png) 623px -1px;}
.flex-direction-nav a.flex-prev:before {background: url(./img/Icons_Mobile_Main.png) 675px -1px;}

.slide-highlight .fleche-gauche {left:30px;}
#slider .fleche-droite,  .slide-highlight .fleche-droite {right : 15px;}
#slider .fleche-gauche .fleche,  .slide-highlight .fleche-gauche .fleche,
.videos-moment .fleche-gauche .fleche {
    background: url(./img/Icons_Mobile_Main.png) 675px -1px;
}
.slide-highlight .fleche-droite .fleche,
.videos-moment .fleche-droite .fleche {
    background: url(./img/Icons_Mobile_Main.png) 623px -1px;
}

.block {
    margin-bottom : 10px;
    background-color:white;
    border-bottom : 4px #242424 solid;
    position: relative;
}

.block .entete {    
    background: #242424 url(./img/All_Header_Title.png) no-repeat;
    height: 39px;
    padding: 8px 20px;
}
#block-system-main.block, #block-system-main.block .content {    border: none; margin: 0; padding: 0;}

.block .content {border: 1px solid #a9a9a9; padding:20px;}


.block .news, .block .news a {    
    color: #777;    
}
.block .news {font-size:17px; margin-bottom: 0;overflow:auto;}
.block .news:hover {background:#e8e8e8;}
.block .news a {color: #777; overflow: hidden; display: block; padding: 10px 0 10px 0;}
.block .news a:hover {color: #c90032;}
.block.actualites .content{padding-bottom: 40px;}
.actualites .news.today {font-weight: bold;}
.actualites .news div {float:left;}
.actualites .chrono {margin-right: 15px;width: 55px; padding: 10px 0 10px 0;}
.actualites .news.today .chrono {color: #c90032;}
.actualites .news .titre {width: calc(100% - 76px);}
.actualites .news.today a {color:#242424;}
.actualites .news.today a:hover {color:#c90032;}
.actualites .news .commentaires {float: right;padding: 10px 13px 10px 26px;display:none;}
.actualites #Carouselstatic_2 li {width : auto!important;}
.Carouselstatic {overflow: hidden;}

.colonne-secondaire .actualites .news .commentaires {display: none;}
.colonne-secondaire .actualites .news .titre {width: 88%;}
.colonne-secondaire .actualites .boutons_actus {
    margin-top: 10px;
}

.commentaires {
    background: url(img/Icons_All_Com.png) no-repeat;
    padding-left: 26px;
    padding-bottom: 5px;
    color: #c90032;
    float: right;
}
.boutons_galerie, .actualites .boutons_actus, .derniers-tests .boutons_actus {position:relative;height: 40px;margin-top: 10px;top: 20px;}
.boutons_galerie span, .actualites .boutons_actus a, .derniers-tests .boutons_actus a {
    position: absolute;
    display : inline-block;
    background : url(./img/Icons_Mobile_Main.png) 675px -1px;
    width : 50px;
    height : 50px;
    text-indent: -999em;
	bottom: 5px;
}
.actualites ul {margin:0;padding:0;list-style:none;width: auto!important;}
.boutons_galerie span.btn_prev, .actualites .boutons_actus a.btn_prev,  .derniers-tests .boutons_actus a.btn_prev {background: url(./img/Icons_Mobile_Main.png) 571px -1px;left: calc(50% - 70px);}
.boutons_galerie span.btn_next, .actualites .boutons_actus a.btn_next,  .derniers-tests .boutons_actus a.btn_next {background: url(./img/Icons_Mobile_Main.png) 519px -1px;right: calc(50% - 70px);}
.boutons_galerie span.btn_prev:hover, .actualites .boutons_actus a.btn_prev:hover,  .derniers-tests .boutons_actus a.btn_prev:hover {background-position:  571px -53px;}
.boutons_galerie span.btn_next:hover, .actualites .boutons_actus a.btn_next:hover,  .derniers-tests .boutons_actus a.btn_next:hover {background-position : 519px -53px}

.block.highlight {border:0;}
.block.highlight .content {
    padding: 0;
    border: 0;
    overflow: hidden;
}
.block.highlight .vignette, #block-views-Indiemag_v4-block_4 .vignette {
    position:relative;
    float:left;
}
.vignette .bordure {
    border: 1px solid #a9a9a9;
    padding: 3px;
    background: white;
}
.vignette .image img {display: inherit;    width: 100%;    height: auto;}
h2.nom-jeu, h2.nom-jeu a {
    color: #c90032;
    font-size: 13px;
    width: 100%;
}
h2.nom-jeu a:hover {text-decoration : underline;}
.zone-titre h3 a{
    width: 100%;
    font-size: 29px;
}
.item-list ul li {
	margin: auto;
}
.slide-highlight {width:100%;   }
 .slide-highlight .vignette img{width:100%;height: auto;}
.slide-highlight .fleche-gauche {left: 30px;top:125px;}
.slide-highlight .fleche-droite {right : 15px;top:125px;}
.slide-highlight .fleche-gauche .fleche, .videos-moment .fleche-gauche .fleche{
    background: url(./img/Icons_Mobile_Main.png) 675px -1px;
}
.slide-highlight .fleche-droite .fleche, .videos-moment .fleche-droite .fleche{
    background: url(./img/Icons_Mobile_Main.png) 623px -1px;
}

.block.highlight {background:none;}
.block.highlight .content {padding:0;}
#block-views-highlight-block,    #block-views-highlight-block_3 {display:block;}
#block-views-highlight-block_5 {display:none;}
.slide-highlight .vignette, .view-id-related .vignette {width: calc(50% - 5px);opacity:1;}
.slide-highlight .vignette img, .view-id-related .vignette img {width: 100%;}
.slide-highlight .flexslider .views-row-odd .vignette, .view-id-related .views-row-odd .vignette{margin: 0 0px 10px 0;}
.slide-highlight .flexslider .views-row-even .vignette, .view-id-related .views-row-even .vignette{margin: 0 0 10px 10px;}
#block-views-highlight-block_3 .vignette {margin-bottom:0;}
#block-views-highlight-block_3 .flexslider {padding:0;}
.zone-titre h3 a {font-size:17px;}

.view-id-Indiemag_v4.view-display-id-block_3 .flexslider {
    border: none;
    background: none;
    border-radius: 0;
    box-shadow: none;
    padding-bottom: 20px;
}
.block.videos-moment .other-video .vignette:nth-child(2n){margin-right:0;}


.ico_video {margin-right : 5px;float: left;position: relative;top: 6px;display: none;}

.block.videos-moment .content{
    border:0;
    background : #242424;
    color:white;
}
.block.videos-moment .vignette .image {border:0;padding:0;}
#block-views-tests-block_5 .vignette.apercu .image img{width:134px;height:153px;}
#block-views-tests-block_5 li {margin: 0;}
.vignette.apercu .image img{width:100%;height:auto;}
.vignette.apercu .zone-titre {
    background: none;
    position: initial;
    border: 0;border-bottom : #e0dfdf 1px solid;
    padding: 0;
    margin-bottom:15px;
}
.block.videos-moment .vignette.apercu .zone-titre {border: 0;border-bottom : #2f2f2f 1px solid;}

#block-views-a_ne_pas_manquer-block .vignette.apercu {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #cecccc;}
#block-views-a_ne_pas_manquer-block .views-row-last .vignette.apercu {
    margin:0;
    padding:0;
    border-bottom:none;
}
.vignette .intro:after {width:23px;height:13px;background: white;content: '...'; position: absolute;bottom: 0;right: -1px;}

.block.videos-moment .content {overflow:hidden;}
.block.videos-moment .vignette .zone-titre{left: 0; bottom: 0; right: 0; z-index: 1;}
.block.videos-moment .vignette {position: relative;float: left;}
.block.videos-moment .vignette.apercu h3 a{color:white;}
.block.videos-moment .vignette.apercu h3 a:hover{color:#c90032;}
.block.videos-moment .main-video .vignette .image a.logo-video,
.block.videos-moment .main-video .vignette .image .ombre-logo,
.block.videos-moment .main-video .vignette .image span.logo-video {width: 71px;height: 71px;display: inline-block;}
.block.videos-moment .main-video .vignette .image a.logo-video{position: absolute;top: calc(50% - 35px);left: calc(50% - 35px);}
.block.videos-moment .main-video .vignette .image .ombre-logo {background: url(./img/noir-trans.png);border-radius: 10px;}
.block.videos-moment .main-video .vignette .image span.logo-video {background: url(./img/Icons_Desktop_Play.png);}
.vignette.apercu h3 {margin-top : 5px;}
.vignette .intro {position: relative;font-size: 0.9em;;margin-top : 5px;text-align: justify; font-size: 13px;  max-height: 45px;  overflow: hidden;}
.block.videos-moment .other-video h2 a,.block.videos-moment .other-video h3 a{font-size: 17px;}
.vignette.apercu h2.nom-jeu {width: 75%;}
.vignette.apercu .date {float:right;color:#848282; font-family: OpenSans-CondBold,Arial,Sans-Serif; font-size: 13px;}
.block.videos-moment .other-video {position:relative;}
.block.videos-moment .other-video .view-footer p {margin: 0;margin-left:7px;}
.block.videos-moment .other-video .view-footer a {
    text-align: center;
    text-transform: uppercase;
    font-size: 22px;
    font-family: OpenSans-CondBold,Arial,Sans-Serif;
    font-weight: bold;
    color: white;
    float: left;}
.block.videos-moment .other-video .left-panel, .block.videos-moment .other-video .right-panel {z-index:2;position: absolute;top: 0;bottom: 0;width: 70px;background: url(./img/gris-trans-95.png); }
.block.videos-moment .other-video .left-panel {left: 0;}
.block.videos-moment .other-video .right-panel {right: -20px;}
.videos-moment .fleche-gauche .fleche, .videos-moment .fleche-droite .fleche {top:220px;}
.videos-moment .fleche-gauche .fleche {left:10px;}
.videos-moment .fleche-droite .fleche {right:10px;}
.block.videos-moment .other-video .vignette {float:left;    margin: 0 7.5px;    width: calc(50% - 15px);    padding-bottom: 45px;}
.block.videos-moment .other-video .vignette:nth-child(-n+2){margin-bottom:15px;}
.block.videos-moment .other-video a.logo-video {position:absolute;left:0;top:0;right:0;bottom:0;}
.block.videos-moment .other-video span.ombre-logo {background: url(./img/noir-trans.png); border-radius: 5px;width: 32px;height: 32px;display: inline-block;position: absolute; top: calc(50% - 16px);right: calc(50% - 16px);}
.block.videos-moment .other-video span.logo-video {
    /*width: 50px;
    height: 50px;
    background: url(./img/Icons_Mobile_Main.png) 883px -1px;*/
    display: inline-block;
	height: 32px;
    width: 32px;
    background: url(./img/Icons_Desktop_Main.png) -205px -1px;
}
.block.videos-moment .other-video .vignette .zone-titre {
    background-position: left bottom;
    transform: scaleY(-1);
    border-bottom: 2px #c90032 solid;
    border-top: none;
}
.block.videos-moment .other-video .vignette .zone-titre > * {
    transform: scaleY(-1);
    position: relative;
    top: 36px;
}

#block-views-highlight-block_4, .footer-inner .reseaux{display:none;}
#block-views-highlight-block_4.block.highlight .views-row-first .vignette:nth-child(2n+1) {
        margin-bottom: 12px;
}

.main-content .node-profil .fiche {border:none;}

.vignette.apercu h3 a{color:black;}
.vignette.apercu h3 a:hover, .block.videos-moment .other-video .view-footer a:hover{color:#c90032;}
.vignette.apercu .image{position: relative;border-bottom: 2px solid #c90032;}
.vignette.apercu .types-contenu {bottom: 0;right: 0;top:auto;}
.vignette.apercu .types-contenu {width:100%;}
.types-contenu .field-item {float:right;margin-left:5px;}

.vignette.apercu .image {width: calc(50% - 7.5px);float: left;margin-right: 15px;}
.vignette.apercu .zone-titre {;margin-bottom:0;border:none;float: right;width: calc(50% - 7.5px);padding-top: 0;bottom: 0; top: 0;left: 0;}
.main-video .vignette.apercu {margin-bottom:0;}
.vignette.apercu {position: relative;margin-bottom: 20px;}
.vignette.apercu.last {margin-bottom: 0;}
.vignette.apercu h3 a {font-size: 18px;margin: 0;line-height: initial;}

.supports {margin-top : 5px;}
.support_jeu, .support {display:inline-block;background: #777;color: white;font-weight: bold;float: left;    font-size: 11px;    padding: 4px 8px 4px 8px;margin: 0px 10px 5px 0;}
.support_jeu:hover {background: #848282;}
.support_jeu a, .support a {color:white;}
.vignette.apercu:nth-last-child(1) .zone-titre {margin-bottom:0;padding-bottom:0;border:0;}

.vignette.apercu.test .image {float: left;border: 0;width: 50%; margin-bottom: 10px;overflow: inherit;}
.vignette.apercu.test h2.nom-jeu {width: 100%;}
.vignette.apercu.test h2.nom-jeu a{font-size: 20px;}
.vignette.apercu.test .zone-titre {float: left;padding: 0;border: 0;    width: calc(50% - 16px);}
.block.derniers-tests .content {padding-bottom: 70px;}
.vignette.apercu.test {}
.vignette.apercu.test .fond-note {    position: absolute;right: -10px; bottom: 15px;background: #c90032;border-bottom: 4px #232424 solid;}
.vignette.apercu.test .note {width: 32px;height: 32px;margin: 4px;background: url(./img/notes/note_carlo_bon.png);display: block;}
.vignette.apercu.test .mauvais .note {background: url(./img/notes/note_carlo_mauvais.png);}
.vignette.apercu.test .excellent .note {background: url(./img/notes/note_carlo_excellent.png);}
.vignette.apercu.test .bof .note {background: url(./img/notes/note_carlo_bof.png);}
.vignette.apercu.test a.contrib {font-size: 16px;width: 100%;font-family: OpenSans-CondBold,Arial,Sans-Serif;color: #acacac;text-transform: uppercase;}
.vignette.apercu.test a.contrib:hover {color: #848282;}

#block-views-tests-block_1 .content {overflow: auto;}
#block-views-tests-block_1 .views-row {float: left;width: calc(50% - 16px);padding: 0 8px;overflow: auto;margin-bottom: 20px;}

.ui-tabs, .nd_tabs, .ui-tabs .ui-tabs-panel, .ui-tabs .ui-tabs-nav li, .ui-tabs .ui-tabs-nav li a {
    padding: 0;
    margin: 0;
    border: 0;
    background: none;
    float:none;
    position:static;
}

.forum-post-content .field-item {
    width: auto;
}

.actualites.sur-forum .news.today {color:#242424;}
.actualites.sur-forum .news.today .auteur a {color:#c90032;}
.actualites.sur-forum .news .titre{width: calc(100% - 70px);}
.actualites.sur-forum .news .auteur {margin-left:70px;}
.actualites.sur-forum .news .auteur a{display: inline;}
.actualites.sur-forum .news a {min-height:auto;margin-bottom:0;width:100%;}
.actualites.sur-forum .news a:hover {color:#c90032;}
.actualites.sur-forum .content .nd_tabs{position: absolute;bottom: 0;left: 0;right: 0;padding:0; border-left: 1px solid #a9a9a9; border-right: 1px solid #a9a9a9;}
.actualites.sur-forum .content .nd_tabs a {display: inline-block;width: 50%;float: left;text-align: center;font-family: OpenSans-CondBold,Arial,Sans-Serif;text-transform: uppercase;font-size: 27px;background: #cecccc; color: #242424;padding: 10px 0;}
.actualites.sur-forum .content .nd_tabs .ui-state-active a, .actualites.sur-forum .content .nd_tabs a:hover  {background:#c90032;color:white;}
.actualites.sur-forum .content .nd_tabs a:hover {color: #242424;}
.actualites.sur-forum .content .nd_tabs a:focus {outline:0;}
.block.actualites.sur-forum .content {padding-bottom: 85px;font-family: arial;}
.block.actualites.sur-forum .content .Carouselstatic{font-family: arial;}

.vignette img:hover, .field-name-field-image-de-fond img:hover, .views-field-field-vignette img:hover, 
.views-field-field-vignette-1 img:hover, .field-name-body a img:hover {
	-webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
}
.vignette img, .field-name-field-image-de-fond img, .views-field-field-vignette img, 
.views-field-field-vignette-1 img, .field-name-body img{
	-webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.vignette .field-item, .field-name-field-image-de-fond, .vignette .image, #fiche_jeu .field-name-field-vignette .field-item, .views-field-field-vignette-1 a {overflow:hidden;}
#block-views-Indiemag_v4-block_5 .views-field-field-date-evenement, #block-views-Indiemag_v4-block_5 .views-field-title-1, #block-views-Indiemag_v4-block_5 .views-field-field-vignette {z-index:1;}
#block-views-Indiemag_v4-block_5 .views-field-field-vignette a, .field-name-body a.lightbox-processed, #fiche_jeu .field-name-field-vignette .field-item, .views-field-field-vignette-1 .field-content a {display: inline-flex; overflow: hidden;}
#fiche_jeu .field-name-field-vignette .field-item, .field-name-field-vignette-1 .field-content a img, .views-field-field-vignette-1 .field-content a {width: 100%;}
#block-views-tests-block_1 .vignette .field-item {overflow:inherit;font-family: OpenSans-CondBold,Arial,Sans-Serif;}

.sub-menu, #main-menu {    clear: left;margin-top: 10px;background: #c90032;font-family: OpenSans-CondBold,Arial,Sans-Serif;text-transform: uppercase;}
.sub-menu ul, #main-menu ul {padding : 0 10%; list-style: none;margin: 0;overflow: auto;margin-bottom:-4px;}
.sub-menu ul li, #main-menu ul li{display: inline-block;text-align:center;width:43%;}
.sub-menu ul li.first{width:25%;}
.sub-menu ul li.last {width:30%;text-align:right;}
.sub-menu ul li a, #main-menu ul li a{float: left;height: 24px;font-size: 20px;padding: 10px 0;color: white;}
#header .sub-menu ul li a:hover {color:#a8072f;}

#footer .reseaux {background: #2f2f2f;}
#footer .reseaux ul, #header-menu .reseaux ul {padding : 0 10%; list-style: none;margin: 0;overflow: auto;margin-bottom:-4px;}
#footer .reseaux ul li, #header-menu .reseaux ul li  {float: left;margin-right: 9%;margin-top:20px;margin-bottom:10px;}
#footer .reseaux ul li.last, #header-menu ul li.last {margin-right: 0;}
.reseaux a, .financement-tipeee a {display:inline-block;width:32px;height:32px; background: url("./img/Icons_TabMob_RS.png");}
.reseaux a:hover {background-position-y:32px;}
.reseaux a.tipeee {width:64px;}
.reseaux a.facebook {background-position-x: 192px;}
.reseaux a.twitter {background-position-x: 160px;}
.reseaux a.gplus {background-position-x: 128px;}
.reseaux a.youtube {background-position-x: 96px;}
.reseaux a.rss {background-position-x: 64px;}
.reseaux a.email {background-position-x: 32px;}

#footer .footer {background:#242424 url(./img/All_Footer_Carlo.png) no-repeat 50% -10px;text-align: center;font-family: OpenSans-CondBold,Arial,Sans-Serif;}
#footer .footer p {margin:3px 0;display:inline-block;}
#footer .footer p.copyright {color:white;margin:18px;}
#footer .footer p.accroche {color:#c90032;font-style: italic;margin-bottom:18px;display:none;}

#block-views-commentaires-block .views-row-last .comment {border-bottom:none;}

.block.main-content .content {border:1px solid #a9a9a9;}
.breadcrumb {margin-bottom : 10px;font-size:20px;font-weight:bold;}
.banniere {margin-bottom:15px;}
.banniere img {width:100%;margin-bottom: -5px;}
.node-content a {display:inline-block;}
.meta, .partage {color: #777;font-size: 19px;margin-bottom: 5px;}
.meta {margin-top:10px;}
.meta a {color: #777;font-weight:bold;}
.partage {margin-bottom:30px;}
.partage a, .partage .partage-fb {cursor:pointer;margin: 0 9px -6px 9px;width:30px;height:30px;display:inline-block;background: 0 0 url(./img/Icons_Mobile_RSsquares.png);}
.partage .partage-fb {background-position-x:0px;}
.partage a.partage-tw {background-position-x:60px}
.partage a.partage-gp {background-position-x:30px;margin-right:0;}
.partage a:hover, .partage .partage-fb:hover {background-position-y:30px;}
.node-content .field-name-body {text-align: justify;font-size: 1.2em; line-height: 1.7rem;}
.node-content .field-name-body h2 {color:#c90032;margin:3px 0 13px 0;font-size: 30px;    margin: 20px 0 15px 0;  line-height: 40px;}
.node-content .field-name-body p, .field-name-field-conlusion, .corps-avis {margin: 0 0 10px 0;line-height:19px;line-height: 34px;}
.node-content .field-name-body ul {margin: 0 0 10px 0;}
.node-content .field-name-body li {margin-bottom: 5px;}
.node-content .field-name-body a:hover {text-decoration: underline;}
.node-content .field-name-body p a.lightbox-processed {width: 49%}
.node-content .field-name-body p a.lightbox-processed:nth-child(2n) {float:right;}
.node-content .field-name-body p a.lightbox-processed img {width: 100%!important;height: auto!important;}
.embed-container .media-youtube-video {overflow: hidden;padding-bottom:56.25%;position:relative;height:0;}
.embed-container .media-youtube-video iframe {left: 0;top: 0;height: 100%;width: 100%;position: absolute;}

.sf-menu{display:none;}

.footer-content {    
    padding-top: 10px;
    margin-top: 10px;
    border-top: #cecccc 1px solid;
}
.groupe-auteur {    position: relative;}
.groupe-auteur .auteur {font-weight: bold; line-height: 19px;}
.avatar {    float: left;
    margin-right: 10px;}
.redacteur {    font-size: 19px;
    position: relative;
    top: 5px;}
.role {color: #777;
    font-size: 19px;
    position: relative;
    top: 5px;
    margin: 15px 0;display:block;}
.footer-content .partage, .footer-content .financement-tipeee {    font-size: 17px;
    font-weight: bold;
    text-align: center;padding-top: 10px;
    margin-top: 10px;
    border-top: #cecccc 1px solid;}
.footer-content .partage {margin-bottom:5px;}
.footer-content .financement-tipeee {border:0;margin-top:0;}
.footer-content .reseaux {    position: absolute;top:0; right: 0;}
.footer-content .reseaux a, .financement-tipeee a {margin: 10px 15px;display:inline-block;background-image: url("./img/icons_auteur.png");}
.financement-tipeee {padding-top: 0;color: #777;}
.financement-tipeee a {background-position-y:32px;width:64px;height:34px;margin:0;    position: relative;
    top: 13px;
    margin-left: 3px;}
.financement-tipeee a:hover {background-position-y:0}
.footer-content .reseaux li.last a {margin-right:0;}
.footer-content  .reseaux ul {list-style: none;margin: 0;}
.footer-content .reseaux ul li {float: left;}
.footer-content .footer-end {overflow: hidden;width: 100%;}


.test_sur_im {
    position: absolute;
    top: 147px;
    left: 198px;
}

.view-utilisateur {overflow:auto;}

#comments h2 {display:none;}
.block.comments .content {padding-top:1px;border-top:none;}
.block.comments .entete {background: none;
    border: 1px solid #a9a9a9;
    border-bottom: 0;}
.comment-title {font-family: OpenSans-CondBold,Arial,Sans-Serif;
    color: #242424;
    text-transform: uppercase;
        font-size: 25px;
    margin-top: 10px;}
.comment .avatar {   padding: 5px 5px 0px 5px;
    border: #777 1px solid;}
.comment .avatar img {width:50px;height:50px;    padding-bottom: 2px;}
.comment .avatar a {margin-bottom: -6px;}
.comment .pseudo {    position: relative;
    top: 7px;
    margin-top: 0;}
.comment .date {    position: relative;
    top: 8px;}
.comment .tete {font-weight: bold;}
.comment a, .presentation a {color:#c90032;display: inline;}
.comment p, .presentation p {margin:0;margin-bottom:15px;text-align:justify;    font-size: 24px;}
.comment p:nth-last-child(1) {margin:0;}
.comment-body {margin-top:5px;}
.comment {padding-bottom:15px;margin-bottom:20px;border-bottom: #cecccc 1px solid;}
.comment.last {padding:0;margin:0;border:none;}

#block-views-commentaires-block_1 .vignette {float:left;display:none;}
#block-views-commentaires-block_1.block.derniers.comments .bulles {margin-left: 0;}
#block-views-commentaires-block_1 .entete { padding-bottom: 20px; padding-left: 15px;    }
#block-views-commentaires-block_1 .tete {font-size: 23px; }
#block-views-commentaires-block_1 .comment-body {margin-top: 10px;}

div.edit-informations-invisibles-wrapper, .field-name-comment-body label {
    display: none;
}
.comment-form .user-picture {
    float: left;
    margin-right: 5px;
        margin-top: -1px;
}
#block-indiemag-block_comments label {
    margin-bottom: 0;
        color: #a4a4a4;
            font-family: OpenSans-CondBold,Arial,Sans-Serif;
}
#block-indiemag-block_comments .comment-form {border-top: #cecccc 1px solid;overflow: auto;}
#block-indiemag-block_comments .username {
    font-family: OpenSans-CondBold,Arial,Sans-Serif;
    font-size: 19px;
    margin: 0;
    display: inline-block;
}
.comment-form .deco {
    font-family: OpenSans-CondBold,Arial,Sans-Serif;
    font-size: 13px;
}
#block-indiemag-block_comments .form-type-item {
    margin-bottom: 0;
}
.comment-form .user-picture img {
    width: 50px;
    height: 50px;
    padding: 5px;
    border: #cecccc 1px solid;
}
input[type=text], input[type=password], select {
    padding: 5px;
    font-family: OpenSans-CondBold,Arial,Sans-Serif;
    border-radius: 8px;
    border: 1px solid #cecccc;
    margin: 10px 0;
}
input[type=submit] {
    text-transform: uppercase;
    font-family: OpenSans-CondBold,Arial,Sans-Serif;
    background: #c90032;
    color: white;
    padding: 9px;
    border: 0;
    cursor: pointer;
    margin-right: 5px;
}
form label {font-family: OpenSans-CondBold,Arial,Sans-Serif; text-transform: uppercase;font-weight: normal;}
.forum-spoiler .spoiler-wrapper {
    padding: 10px 20px;
    background: white;
    border: 1px solid #777;
    margin-bottom: 10px;
    margin-top: 5px;
}
.title-spoiler {cursor:pointer;}
.filter-wrapper {display:none;}
.comment-form .bue-e2 .bue-sprite-button {
    background-image: url(https://indiemag.fr/sites/all/themes/im_v4/img/Icons_Desktop_MiseForme.png);
    width: 23px;
    height: 23px;
    border: none;
    margin: 2px;
}
#bue-0-button-0 {background-position: -0px 0!important;}
#bue-0-button-1 {background-position: -24px 0!important;}
#bue-0-button-2 {background-position: -48px 0!important;}
#bue-0-button-3 {background-position: -72px 0!important;}

#bue-0-button-5 {background-position: -96px 0!important;}
#bue-0-button-6 {background-position: -120px 0!important;}
#bue-0-button-7 {background-position: -144px 0!important;}
#bue-0-button-8 {background-position: -168px 0!important;}
#bue-0-button-9 {background-position: -192px 0!important;}
#bue-0-button-10 {background-position: -216px 0!important;}
#bue-0-button-11 {background-position: -240px 0!important;}
#bue-0-button-12 {background-position: -264px 0!important;}

#bue-0-button-14 {background-position: -288px 0!important;}
#bue-0-button-15 {background-position: -312px 0!important;}

#bue-0-button-17 {background-position: -324px 0!important;}
#bue-0-button-18 {background-position: -384px 0!important;}
#bue-0-button-19 {background-position: -408px 0!important;}
#bue-0-button-20 {background-position: -432px 0!important;}
#bue-0-button-21 {background-position: -456px 0!important;}

#bue-0-button-23 {background-position: -480px 0!important;}
#bue-0-button-24 {background-position: -504px 0!important;}
#bue-0-button-25 {background-position: -528px 0!important;}

#bue-help tr {
    width: 30%;
    display: block;
    float: left;
    margin: 5px;
    height: 40px;
}
#bue-help {
    min-width: 200px;
    max-width: 600px;
}

.node-jeu h1 {margin-bottom:3px;text-transform: none;}
.fiche {font-size: 20px;padding-bottom: 15px;margin-bottom: 20px;}
.fiche .libelle {font-weight:bold;margin-right:5px;}
.fiche .info, .fiche .externes {margin: 5px 0;padding-left: 30px; padding-top: 5px; padding-bottom: 5px;width: calc(50% - 35px);float: left;}
.fiche .info.date {background: url(/sites/all/themes/im_v4/img/date.png) no-repeat;}
.fiche .info.dev {background: url(/sites/all/themes/im_v4/img/studio.png) no-repeat;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.fiche .info.dev a{display: inline;}
.fiche .info.prix {background: url(/sites/all/themes/im_v4/img/prix.png) no-repeat;}
.fiche .info.genre {background: url(/sites/all/themes/im_v4/img/genre.png) no-repeat;}
.fiche .info.site {background: url(/sites/all/themes/im_v4/img/home.png) no-repeat;}
.fiche .info.multi {background: url(/sites/all/themes/im_v4/img/multi.png) no-repeat;}
.fiche .info.dl {background: url(/sites/all/themes/im_v4/img/download.png) no-repeat;}

.node-type-jeu .fiche .infos .info {background-position-y : 3px;}
.fiche .externes {/*background: url(/sites/all/themes/im_v4/img/store.png) no-repeat;*/ padding-left: 0;}
.node-type-jeu .fiche .info.dev {width: 100%;}
.node-type-jeu .infos .libelle{display:block;}

.content-fiche { float: left; width: calc(100% - 175px);margin-bottom: 20px;}
.content-fiche .fiche{width: 100%;    float: left; }

#block-indiemag-fiche_jeu .vignette {display:none;}
#block-indiemag-fiche_jeu .libelle {display:block;}
#fiche_jeu .fiche .info { background-position-y: 3px;}

.field-name-field-site-officiel-du-jeu a {white-space: nowrap;text-overflow: ellipsis;overflow: hidden; max-width: 150px;position: relative; bottom: -3px;}
.jaquette {    float: left;  margin-right: 10px;}
.node-type-jeu .jaquette img {    width: 164px;}
.node-type-jeu .infos, .node-type-jeu .externes {width: calc(100% - 175px); float: left;}
.infos, .externes {width: calc(100% - 155px); float: left;}
.infos, .externes {width: calc(100% - 155px); float: left;}
#fiche_jeu .infos {width : auto;}
.externes .label {font-weight: bold;margin-bottom: 5px;display: inline-block;}
.info div {display:inline;}
.tooltip.more_date {margin-left: 5px;}

.resume h2, .node-jeu h2  {color:#c90032; font-size: 25px;}
.resume p {text-align:justify;margin: 5px 0 10px 0;font-size: 20px;}
#galerie {margin-bottom : 10px;}
#galerie .window {    overflow: hidden;    width: 100%;}
#galerie .image {margin-right:6px;list-style: none;padding: 0;}
#galerie ul {width: 650px;margin: 0;padding: 0;}   
.node-jeu .video {margin-bottom : 10px;}
a.more-fiche {width: 100%;display:inline-block;color:#c90032;text-transform:uppercase;text-align: center;font-size:22px;font-family: OpenSans-CondBold,Arial,Sans-Serif;}

#block-indiemag-fiche_jeu .fiche {padding: 0;border: 0;}
#fiche_videos {margin : 10px 0 20px 0;}

.bloc-avis {margin-bottom: 20px;}
.avis h2 {margin-bottom: 10px;}
.entete-avis {background:#242424;height:69px;color:white;font-weight:bold;    font-family: OpenSans-CondBold,Arial,Sans-Serif;}
.entete-avis .carlo, .recapitulatif .carlo{background: #c90032 no-repeat 5px;float: left; margin-right: 15px;
    width: 64px;
    height: 69px;}
.detail {padding: 7px;}
.phrase {text-transform: uppercase;display: block;font-size:25px;width:100%}
.phrase .field-item {white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.content-avis {    padding: 10px;
    border: 1px solid #a9a9a9;
    text-align: justify;}
.content-avis p {margin: 0 0 10px 0;    line-height: 40px;}
.footer-avis {overflow: auto;font-family: OpenSans-CondBold,Arial,Sans-Serif;text-transform: uppercase;margin-top: 10px;    font-size: 20px;}
.footer-avis a {display: inline-block;margin: 20px 0;}
.footer-avis .utile {text-align: right;width: 30%;float: right;margin: 15px 0 5px 0;color:#adadad;}
.recapitulatif {margin-bottom : 20px;}
.recapitulatif .inner {padding:6px;border: 1px solid #a9a9a9;}
.recapitulatif .jauge-avis {margin-bottom:6px;position: relative;font-family: OpenSans-CondBold,Arial,Sans-Serif;background:#e0dede;height:69px;}
.recapitulatif .jauge-avis .nombre {float: right;line-height: 69px;text-align: center;width:64px;height:69px;background:#242424;color:white;}
.recapitulatif .jauge-avis .pourcent {position: absolute;right: 89px;top: 21px;}
.recapitulatif .jauge-avis .jauge {position: absolute;left: 64px;top: 0;bottom: 0;width: calc(100% - 128px);}
.recapitulatif .jauge-avis .jauge .inside {position: absolute;left: 0;top: 0;bottom: 0;}
.recapitulatif .jauge-avis.excellent .carlo {background-image: url("./img/notes/carlo_excellent.png");}
.recapitulatif .jauge-avis.bon .carlo {background-image: url("./img/notes/carlo_bon.png");}
.recapitulatif .jauge-avis.bof .carlo {background-image: url("./img/notes/carlo_bof.png");}
.recapitulatif .jauge-avis.mauvais .carlo {background-image: url("./img/notes/carlo_mauvais.png");}
.recapitulatif .jauge-avis.premier .jauge .inside {background:#cf385d;}
.recapitulatif .jauge-avis.second .jauge .inside {background:#d46f88;}
.recapitulatif .jauge-avis.troisieme .jauge .inside {background:#daa6b3;}
.recapitulatif .jauge-avis.quatrieme .jauge .inside {background:#ddbdc4;}
.actualites .year {display:none;}
.actualites.carousel {padding-bottom:30px;}

#block-views-tests-block_5 .node {overflow: auto;}

#block-indiemag-articles_sur_le_jeu .actualites .year{display:inline;}
#block-indiemag-articles_sur_le_jeu .actualites .chrono{width:75px;}
#block-indiemag-articles_sur_le_jeu .actualites .news .titre {width: 77%;}

.footer-recap, .boutons {font-family: OpenSans-CondBold,Arial,Sans-Serif;text-transform: uppercase;}
.footer-recap .left {float:left;width:calc(50% - 6px);height:60px;margin-right:6px;    padding: 25px 0;    text-align: center;  background: #e0dede;}
.footer-recap .left .nb-avis{color:#c90032;}
.footer-recap .right {float:right;width:50%;}
.footer-recap a, .footer-recap .right div, .fiche.user .boutons a{padding: 16.5px 0;color: white;background: #c90032;float: right;width: 100%;height: 50%;text-align: center;}
.footer-recap a.top, .footer-recap .right div.top{margin-bottom: 6px;}
.footer-recap .right div.top {background: #e0dede;color: #242424;}

.node-profil h2 {font-size: 25px;}
.presentation {margin-top:10px;}

.article-jeu .vignette.apercu .image {border-bottom: none;}
.article-jeu .vignette .commentaires,.vignette.apercu .commentaires {display:none;}

.page-user h1 {display: inline-block;width: auto;float: none;}
.fiche.user {margin:0;padding:0;margin-top:10;padding-top:10px;border:0;border-top:1px solid #cecccc;}
.fiche.user .infos {width: calc(68% - 110px);}
.fiche.user .info .libelle{font-weight: normal;}
.fiche.user .info.first,.fiche.user .info.last {margin:0;}
.fiche.user .commentaires {float:none;color:#242424; font-weight: normal;} 
.fiche.user .externes { width: auto; position: absolute; right: 0; top: 110px;}
.fiche.user .externes a {margin-left:10px;}
.fiche.user .boutons {margin : 20px 0;}
.fiche.user .boutons a {width:calc(50% - 5px);float:left;}
.fiche.user .boutons a.first {margin-right:10px;}
.fiche.user h2 {color:#242424;}

#block-views-tests-block_5 .view-content {overflow:auto;}
#block-views-tests-block_5  .flexslider {border:none;box-shadow: none;}
#block-views-tests-block_5 .flex-control-nav {float: none; position: static; text-align: center; width: 100%;}

#block-privatemsg-privatemsg-menu ul {list-style:none;font-weight: bold;padding:0;}
#block-privatemsg-privatemsg-menu li {background-image:url("./img/Icons_Mobile_Main.png");line-height: 52px;padding-left: 52px;}
#block-privatemsg-privatemsg-menu li.first {background-position :-520px 0}
#block-privatemsg-privatemsg-menu li {background-position:-624px 0;margin: 25px 0;}
#block-privatemsg-privatemsg-menu li.last {background-position:-572px 0}
#block-privatemsg-privatemsg-menu li a {padding-left: 20px;background: white;}
#block-privatemsg-privatemsg-menu li:hover {background-position-y : -52px;}
#block-privatemsg-privatemsg-menu li a:hover {text-decoration: underline;}

a.tooltip {display: inline-block;}

.block.derniers.comments .meta a {text-transform: uppercase;}
.block.derniers.comments .avatar, .block.derniers.comments .vignette-article {display:none;}
.block.derniers.comments .avatar img{height: 60px;}
.block.derniers.comments .date{margin-bottom: 10px;display: inline-block;}

.footer-content-inner .block {margin-left: 0;    margin-right: 0; }

#footer .footer-content {border:none;padding-top: 0;margin-top: 0;}

#block-views-tests-block_5 .slide-highlight .flexslider {
    padding-bottom: 0;
}

#block-views-jeux_t_l_charger-block_1 .views-row-last .vignette.apercu {padding:0;margin:0;border:none;}
#block-views-jeux_t_l_charger-block_1 .vignette.apercu {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #cecccc;
}

.main-content .fiche { border-bottom: #cecccc 1px solid;}

#block-multiblock-2 .views-row {width:calc(50% - 5px);margin-right:10px;float:left;}
#block-multiblock-2 .vignette {width: 100%;}
#block-multiblock-2 .views-row.views-row-last {margin-right:0;}
#block-multiblock-2, #block-multiblock-2 .content {padding:0;background:none;}
#block-multiblock-2 .zone-titre h3 a {font-size: 0.6em;}
#block-multiblock-2 .vignette .bordure {padding-bottom: 65px;}


#block-views-commentaires-block .comment a { display: inline; position: static;}

#footer .footer-content {display:inline;}

#block-indiemag-articles_sur_le_jeu ul.slides li {height:30px;}
#block-indiemag-articles_sur_le_jeu .block.news ul.slides li .news  {margin:0;}

.node-avis_utilisateur-form .form-item-title {display:none;}
.node-avis_utilisateur-form .field-type-node-reference {display:none;}
#edit-field-carlo-und label{
    width: 24px;
    height: 24px;
    margin: 4px;
    text-indent: -999px;
    display: inline-block;
    background-size: cover;
}
#edit-field-carlo-und label[for=edit-field-carlo-und-]{
    background: url(/sites/all/themes/im_v4/img/notes/note_carlo_mauvais_r.png);
    background-size: cover;
}
#edit-field-carlo-und label[for=edit-field-carlo-und---2]{
    background: url(/sites/all/themes/im_v4/img/notes/note_carlo_bof_r.png);
    background-size: cover;
}
#edit-field-carlo-und label[for=edit-field-carlo-und---3]{
    background: url(/sites/all/themes/im_v4/img/notes/note_carlo_bon_r.png);
    background-size: cover;
}
#edit-field-carlo-und label[for=edit-field-carlo-und-d]{
    background: url(/sites/all/themes/im_v4/img/notes/note_carlo_excellent_r.png);
    background-size: cover;
}

#field-conclusion-simple-add-more-wrapper .bue-ui {
    display:none;
}

.rm-removed {width:100% !important;}
#pop-in-menu_user, #pop-in-menu_user_mobile {z-index: 1000;display: none; float: right; position: absolute;right:0;top: 32px;}
#pop-in-menu_user_mobile {top:100px;}
#pop-in-menu_user ul, #pop-in-menu_user_mobile ul { padding: 0;    margin: 0;}
#pop-in-menu_user ul li, #pop-in-menu_user_mobile ul li {border-bottom: 1px solid #a8072f;background:#a8072f;list-style: none; font-weight: bold; text-transform: uppercase;}
#pop-in-menu_user ul li.last, #pop-in-menu_user_mobile li.last {border-bottom:2px solid #940629;}
#pop-in-menu_user ul li a, #pop-in-menu_user_mobile ul li a { color:white;}
.profil-recherche {position: relative;}

#pop-in-menu_user_mobile ul li a, #pop-in-menu_user ul li a{ color:white; font-size: 30px;}
#rm-removed .leaf, #rm-removed .expanded, #rm-removed .collapsed, #pop-in-menu_user_mobile ul li, #pop-in-menu_user ul li {background: #c90032;font-family: OpenSans-CondBold,Arial,Sans-Serif;}
#rm-removed li.expanded li.leaf {background: #a8072f; color: #242424;display:none;}
.sf-sub-indicator {display:none;}
#rm-removed li.leaf a, #rm-removed li.expanded a, #rm-removed li.collapsed a, #pop-in-menu_user ul li a {border-bottom:1px solid #a8072f; }
#rm-removed li ul .leaf a{color: #242424;border-bottom: 1px solid #92072a;}
.responsive-menus.responsified .responsive-menus-simple li a, #pop-in-menu_user_mobile ul li a, #pop-in-menu_user ul li a {font-size: 22px;     padding: 1em 20px;}
.responsive-menus.responsified .responsive-menus-simple li ul li a { padding: 1em 0 1em 6%;}
.responsive-menus.responsified.responsive-toggled.absolute .responsive-menus-simple {top: 0;width: 40%;border-radius: 0;box-shadow: none;}

#header-menu .responsive-menus.responsified span.toggler, 
#header-menu .responsive-menus.responsified.responsive-toggled span.toggler {
    border-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    margin-left: 11px;
    border: white 2px solid;
    background: url(/sites/all/themes/im_v4/img/burger.png) no-repeat 7px 8px;
    text-indent: -9999999px;
    display: block;
    width: 32px;
    height: 32px;
}
.responsive-menus.responsified {
    clear: both;
    width: 100%;
    position: absolute;
    top: 25px;
    left: 0;
    width: 80px!important;
	color: white!important;
}
.responsive-menus.responsified.responsive-toggled.absolute .responsive-menus-simple {
    top: 75px;
    width: 250%;
    border-radius: 0;
    box-shadow: none;
}

#pop-in-search {    
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    z-index: 99;
    background: rgb(36, 36, 36);
    padding: 10px 0;
    display: none;
}

.search-form {margin: 0;}
#recherche .search-form .form-submit, #pop-in-search .search-form .form-submit  {width: 120px;position: absolute;top: 0;right: 5px;background: none;color: #4a4a4a;border: 0;font-size: 19px;padding: 5px 0;cursor: pointer;    font-family: OpenSans-CondBold,Arial,Sans-Serif;text-transform: uppercase;}
#recherche .search-form .form-submit:hover {color:white;}
#pop-in-search .search-form .form-submit {width: 160px; font-size: 30px;padding-top: 9px;right:0;}
.search-form .form-text {outline:none;margin:0;background: url(/sites/all/themes/im_v4/img/search-logo.png) 5px 2px no-repeat; border-radius: 8px;font-size: 18px;border: 2px solid #4a4a4a;padding: 3px 7px 3px 35px;color:white;font-family: OpenSans-CondBold,Arial,Sans-Serif;}
#block-system-main .search-form .form-text {color:#242424;}
.search-form .container-inline label {display:none;}
#pop-in-search .search-form {width: calc(100% - 97px);  position: relative;  padding: 0 10px;margin: 15px 0;}
#pop-in-search .search-form .form-text { background: url(/sites/all/themes/im_v4/img/search-logo-mobile.png) 2px -2px no-repeat;padding: 3px 160px 3px 50px;width: calc(100% - 207px);height: 40px;font-size: 35px;}
.close-pop-in-search {background: url(/sites/all/themes/im_v4/img/Icons_Mobile_Main.png) 260px 0;width: 52px;height: 52px;position: absolute;right: 10px;top: 24px;}

#pop-in-menu_user {right: -1px; top: 56px;  width: 332px;}
#pop-in-menu_user ul {background: #c90032;}
#pop-in-menu_user ul li {display: inline-block;}
#pop-in-menu_user ul li a, #pop-in-menu_user ul li.last {font-size: 15px;border-bottom:none;}

.fiche.user .boutons a.user_edit {float:right;}


#block-indiemag-block_comments .comment .date { float: right;top:0;}
#block-indiemag-block_comments .comment .meta {margin-top:0;}
#block-indiemag-block_comments .comment .links.inline {float: right;margin: 10px 0 2px 0;}
#block-indiemag-block_comments .comment .bulles { overflow: auto;}

.field-name-field-conlusion, .corps-avis {margin-bottom:0;}

#content.forum .colonne-principale {width:auto;}
td.forum-last-reply a, .views-field-last-updated a {display: inline;}
td.forum-number-topics, td.forum-number-posts, th.forum-topics, th.forum-posts, th.forum-last-post, td.forum-last-reply,
th.views-field-comment-count, td.views-field-comment-count, th.views-field-last-updated, td.views-field-last-updated {display:none;}
td.forum-details {width: 28%;}
.forum-table td, .forum-table th {padding: 10px;}
.pager_forum_number {padding:0 5px;}

.author-pane-section .infos {width: auto;float: none;font-size: 12.5px;}
.post-edited {font-size: 10px;margin-bottom: 0;}
.forum-post-panel-main a{display:inline;}
.postdetails {margin: 0 10px;font-size: 12px;}
.forum-post-panel-main {padding: 10px;padding-top: 5px;}
img.icone_post {background: url(http://illiweb.com/fa/sprite_icons.png) no-repeat top left;background-position: -456px 3px;height: 9px;width: 12px;}
.postdetails .forum-post-links .comment-add, .postdetails .forum-post-links .flag-bookmarks {display:none;}
.forum-post-links {position: relative;top: -2px;}
#block-indiemag-block_comments #forum-comments .comment-form {border-top:none;overflow:inherit; clear: both;}
#block-indiemag-block_comments #forum-comments h2.comment-form {margin: 15px 0;font-size: 22px;}

#user-login, #edit-account  {font-size: 1.2em;}
#user-login input[type=text], #user-register-form input[type=text], 
#user-register-form input[type=password], #user-login input[type=password] {font-size: 1.2em; width: 98%;}
#user-login input[type=submit], #user-register-form input[type=submit]{font-size: 1.2em; width: 100%;}
#user-login input[type=checkbox], #user-register-form input[type=checkbox] {width: 20px; height: 20px;}

.vignette.apercu .types-noeud a{top: 0;left: 0;position:absolute; text-transform:capitalize; }
.search-result {clear:left;}
.search-result h3 a {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.field-name-field-genre-de-jeu .field-item:before {content : ", ";}
.field-name-field-genre-de-jeu .field-item:first-child:before {content : "";}
.logo_plateforme {float: left;margin-right: 6px;}
#block-views-Indiemag_v4-block_4 .content {border-bottom: none;border: none;padding: 0;}
#block-views-Indiemag_v4-block_4{border: none;background-color: initial;}
#block-views-Indiemag_v4-block_4 .content .views-row {margin-bottom: 6px;}
#block-views-Indiemag_v4-block_4 .vignette {float:none;}
#block-indiemag-fiche_jeu #fiche_jeu {margin: 0;background: initial;border: none;position: initial;}
#block-indiemag-fiche_jeu #fiche_jeu .title_box_layout {display:none;}

#block-views-jeux_t_l_charger-block_1 .vignette.apercu.test .image{width: 100%;}

.block.videos-moment .vignette.apercu .description p{margin-bottom : 0;}
.view-Indiemag-v4 {margin-bottom:15px;}

#block-views-Indiemag_v4-block_5 .views-field-field-date-evenement, #block-views-Indiemag_v4-block_5  .views-field-title {
	position: absolute;
    background: #c90032;
    color: white;
    font-weight: bold;
    padding: 5px;
}
#block-views-Indiemag_v4-block_5 img, .view-id-calendrier_ind_ img {
    width: 100%;
    height: auto;
}

#block-system-main .view-id-calendrier_ind_ .view-content {overflow: auto;padding-left: 30px;border-left: #c90032 1px solid;margin-left: 20px;padding-top: 22px;    padding-bottom: 30px;}
#block-system-main .view-id-calendrier_ind_ .view-content h3:before {
    position: absolute;
    content: "";
    margin-top: 10px;
    margin-left: -38px;
    width: 15px;
    height: 15px;
    border-radius: 20px;
	background : #c90032;
}
#block-system-main .view-id-calendrier_ind_ .view-content h3 span { background: #c90032;   color: white;      padding: 2px 8px 1px 8px;}
#block-system-main .view-id-calendrier_ind_ .view-content .item-list:first-child h3 {margin-top : 0;}
#block-system-main .view-id-calendrier_ind_ .view-content .item-list h3 {font-size: 27px;}
#block-views-Indiemag_v4-block_5  .views-row, .view-id-calendrier_ind_ .views-row{
	position: relative;width: calc(50% - 10px); margin: 0; float: left;margin-bottom: 10px;
}
#block-views-Indiemag_v4-block_5  .views-row-odd, .view-id-calendrier_ind_ .views-row{
	margin-right:20px;
}
#block-views-Indiemag_v4-block_5  .views-field-title-1, .view-id-calendrier_ind_  .views-field-title-1{bottom: 0;}
#block-views-Indiemag_v4-block_5  .views-field-title-1, .view-id-calendrier_ind_  .views-field-title-1{
    border-top: 2px #c90032 solid;
    position: absolute;
    bottom: 4px;
    left: 0;
    right: 0;
    background: url(./img/noir-trans-85.png);
    padding: 5px 15px;
    background-size: 100%;
}

#block-views-Indiemag_v4-block_5 .views-field-title-1 h3 a, .view-id-calendrier_ind_  .views-field-title-1 h3 a{color:white;font-size: 17px;}
#block-views-Indiemag_v4-block_5 .view-footer {	
	font-weight: bold;text-align: center;text-transform: uppercase; font-size: 22px;font-family: OpenSans-CondBold,Arial,Sans-Serif;
}
#block-views-Indiemag_v4-block_5 .view-footer p {margin-bottom:0;}
#block-views-Indiemag_v4-block_5 .view-footer a {font-size: 19px;}
#block-views-Indiemag_v4-block_5 .view-content {overflow:auto;}


#block-system-main .view-id-calendrier_ind_ .views-row {float:left;width: calc(33% - 5px); margin-right: 5px;margin-bottom: 13px; list-style: none;}
#block-system-main .view-id-calendrier_ind_ .item-list > h3 {  margin-top: 30px; margin-bottom: 6px;}
#block-system-main .view-id-calendrier_ind_ .views-row .views-field-title-1 {font-family: OpenSans-CondBold,Arial,Sans-Serif; text-transform: uppercase;bottom:-8px;background:black;}
#block-system-main .view-id-calendrier_ind_ .views-row .views-field-title-1 a {color: white;}
#block-system-main .view-id-calendrier_ind_ .views-field.views-field-field-vignette-1 { padding-bottom: 19px;}
#block-system-main .view-id-calendrier_ind_ .views-field-field-options-jeux {
	position: absolute;
    right: 0;
    background: #c90032;
    font-size: 20px;
    padding: 0px 5px 2px 5px;
    color: white;
    line-height: 25px;
    z-index: 2;
}


.view .date-nav-wrapper li.date-prev a, .view .date-nav-wrapper li.date-next a {font-size: 20px;}
.view .date-nav-wrapper li.date-prev, .view .date-nav-wrapper li.date-next {    background: none; color: white;  padding: 10px 10px 10px 5px;}
.view .date-nav-wrapper li.date-prev {  left: 0;    right: auto; }
.view .date-nav-wrapper li.date-next {  right: 0;    left: auto; }
.view .date-nav-wrapper .date-heading h3 {border-radius: 5px;background: #c90032;   color: white;    padding: 7px 5px 6px 5px;    text-align: center;    float: none;    width: auto; }
.page-calendrier-inde h1 {text-align: center;margin-bottom: 15px;}


.view .date-nav-wrapper {margin-top:0;}
.view .date-nav-wrapper .date-nav {    padding: 0;margin: 0;}
.view .date-nav-wrapper .date-nav .pager {margin:0;}

#block-views-Indiemag_v4-block_4 {display:none;}
.videos-moment.block {border:none;}

vignette.apercu.test .image {
    width: 134px;
}

.privatemsg-message-participants {padding-bottom : 10px; border-bottom: 1px solid #C5C5C5;}
.privatemsg-message-information {padding-bottom: 5px;}

#block-views-utilisateur-block .avatar img {width:30px;height:30px;}

#block-views-commentaires-block_1 .meta, #block-views-commentaires-block_1 .meta .date
{min-height: auto; display: inline;}
#block-views-commentaires-block_1 .meta {
	float: left;
	margin-right: 5px
}
.fiche.user .info {width: auto;padding-left:5px;}

.field-name-body h3 {
	font-size: 25px;
    color: #c90032;
    margin: 5px 0 10px 0;}

.country-flag {
	position: relative;
    top: 4px;
        margin: 0 3px 3px 0;}
		
.block .news .titre a {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
		
.content ul.tabs.primary {white-space: initial;}

#block-indiemag-block_comments .bue-button, #block-indiemag-block_comments .separator {display:none;}
#block-indiemag-block_comments #bue-0-button-5, #block-indiemag-block_comments #bue-0-button-6,
#block-indiemag-block_comments #bue-0-button-7, #block-indiemag-block_comments #bue-0-button-8,
#block-indiemag-block_comments #bue-0-button-25 {display:initial;}
#bue-quick-pop .bue-popup-content.clearfix a {
    float: left;
}

.fake-title {
	font-family: OpenSans-CondBold,Arial,Sans-Serif;
    color: #c90032;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
}

.fake-title-1 {
    font-size: 25px;
	margin-top: 20px;
}

.fake-title-2 {
    font-size: 22px;
}

.fake-title-3 {
    font-size: 18px;
	margin-top: 15px;
}

#lightbox2-overlay {width: 100%!important;}

.forum_signature {word-wrap: break-word;}
.forum-post-links ul.links li.comment_forbidden {display:none;}
.topic-reply-link a {display:inline;}

.manualcrop-overlay .manualcrop-buttons {
    top: 0.8em;
}

span.fieldset-legend {
    z-index: 1;
}
		
@media screen and (max-width: 800px) {
	.forum-post-content iframe {width:100%;}
}
/* Tablette 800 - 1023px */
@media screen and (min-width: 800px) {
    td.forum-number-topics, td.forum-number-posts, th.forum-topics, th.forum-posts, 
    th.views-field-comment-count, td.views-field-comment-count {display:table-cell;}
    
	
    
    .fiche {margin-top: 10px;}
    #block-views-jeux_t_l_charger-block_1 .vignette.apercu {margin:0;border:none;overflow: auto;}
	
	#block-views-highlight-block .types-contenu {
		right: -25px;
		top: -27px;
	}

    #block-views-tests-block_5 .flex-direction-nav {display:none;}
    
    .jauges {width: calc(50% - 6px);float: left;}
    .jauge-avis.mauvais {margin-bottom:0;}
    .footer-recap {width: 50%;float: right;}
    .footer-recap .left {width: 100%;padding: 45px 0 39px 0;margin-bottom: 6px;}
    .footer-recap .right {width: 100%;}
    .footer-recap a, .footer-recap .right div  {padding: 25px 0;}
	

    
    .vignette.apercu .intro {display: block;background: white; position: relative; z-index: 5;}
    .main-video .vignette.apercu .intro {background: none;}
    
    .vignette.apercu .zone-titre {;margin-bottom:0;border:none;float: right;width: calc(50% - 7.5px);padding-top: 0;bottom: 0; top: 0;left: 0;}
    .main-video .vignette.apercu {margin-bottom:0;}
    .vignette.apercu {position: relative;margin-bottom: 20px;}
    .vignette.apercu.last {margin-bottom: 0;}
    .vignette.apercu h3 a {font-size: 18px;margin: 0;line-height: initial;}
    #block-views-a_ne_pas_manquer-block .vignette.apercu {padding-bottom: 0;border-bottom: none;}
    .article-jeu .vignette .commentaires {display:block;float:none;position: absolute;bottom: 0;}
    .groupe-actualite {margin-top: 20px;padding-top: 20px;border-top: #e0dfdf 1px solid;}
    
    
    
    .bulles {border: #777 1px solid;padding: 20px;margin-left: 70px;}
    .bulles .clear {clear:none;}
    .meta {margin: 0;}
    .comment .pseudo {float: left;margin-right: 4px;top: auto;}
    .comment .date {top: auto;}
    .comment .name {float: left;margin-right: 10px;}
    .comment p, .presentation p, .node-content .field-name-body p, .field-name-field-conlusion, .corps-avis {font-size: 20px;}
    .comment {padding-bottom: 0;border-bottom: none;}
    #block-views-commentaires-block_1 .vignette {display:block;}
    #block-views-commentaires-block_1 .tete {font-size: 18px;}
    #block-views-commentaires-block_1.block.derniers.comments .bulles {margin-left: 156px;}

    .block.derniers.comments .bulles {margin-left: 0;}
    .block.derniers.comments .vignette-article {display:inline; float: left;margin-right: 10px;}
    .block.derniers.comments .vignette-article img {width: 175px;}
    .block.derniers.comments .meta {min-height: 85px;}
    .block.videos-moment .other-video .right-panel, .block.videos-moment .other-video .left-panel {display:none;}
    .view-id-Indiemag_v4.view-display-id-block_2 .view-footer {margin-bottom: 15px;border-bottom: #2f2f2f 1px solid;}
	.view-id-Indiemag_v4.view-display-id-block_2 .view-footer p {margin-top: 5px;}
    .main-video .vignette.apercu .zone-titre {padding: 0;border: 0;}
    .other-video {width: 100%;}
    .other-video .vignette {width: calc(50% - 7.5px);}
    .other-video .vignette img, .block.videos-moment .other-video .slide-video {width: 100%;height:auto;}
    .block.videos-moment .vignette.apercu .zone-titre {border: 0;}
    .block.videos-moment .other-video .vignette .zone-titre {
        background-position: auto;
        transform: scaleY(1);
        border-top: 2px #c90032 solid;
        border-bottom:none;
    }
    .block.videos-moment .other-video .vignette .zone-titre > * {
        transform: scaleY(1);
        position: static;
    }
    
    .vignette.apercu .supports, .vignette.apercu .support {margin:0 5px 0 0;}
    .vignette.apercu h3 {margin-top: 0;}
    .node-content .meta {margin-top: 10px;}
    .support {font-size: 12px;margin-bottom: 0;}
    .vignette.apercu .commentaires {display:none;position: absolute; bottom: 0;left: calc(50% + 7.5px);}
    
        
     #block-views-highlight-block .vignette .types-contenu, #block-views-highlight-block-5 .vignette  .types-contenu,
	
    .type-contenu a {
        font-size: 16px;
		padding: 2px 10px -0 10px;
    }
	#block-views-highlight-block-5 .vignette .types-contenu, .view-id-related .vignette .types-contenu {top: -33px;}
	
    .block.videos-moment .other-video span.ombre-logo {top: calc(50% - 25px);}


    .view-id-Indiemag_v4.view-display-id-block_3 .view-content {
        width: 100%;
    }
    .block.videos-moment .other-video .vignette {padding-bottom: 0;}
	
    
    
    
	#block-views-tests-block_1 .views-row-3 .vignette.apercu.test, #block-views-tests-block_1 .views-row-4 .vignette.apercu.test {margin-bottom : 0;}
    .colonne-secondaire .fleches a.gauche {left: calc(50% - 60px);}
    .colonne-secondaire .fleches a.droite {right: calc(50% - 60px);}
    .colonne-secondaire .block .entete {background-position-x: -180px;padding: 12px 20px;height: 31px;}
    .colonne-secondaire .block .entete h3 {font-size:25px;}
    
    .colonne-secondaire .block.actualites .news {font-size: 19px;}
    .block.telecharger .image {width:100%;}
    .block.telecharger .vignette.apercu .zone-titre {float: left;width:100%;}
    .block.telecharger .vignette.apercu h2.nom-jeu {width: auto;}
    .block.telecharger .vignette.apercu h2.nom-jeu a {font-size: 19px;line-height: 22px;}
    .block.telecharger .vignette.apercu .support {font-size: 16px;}
    .actualites.sur-forum .content .nd_tabs a {font-size:22px}
    #pop-in-menu_user_mobile ul li a { color:white; font-size: 25px;}
    
    ul.primary {white-space:normal;}
    #block-indiemag-block_comments .comment {position: relative;}
    #block-indiemag-block_comments .comment .meta {position:relative; overflow: auto;}
    #block-indiemag-block_comments .comment .avatar { position: absolute; top: 0; left: 0;}
    #block-indiemag-block_comments .comment .comment-body {clear:both;margin-top: 7px;}
	

    
    @media screen and (min-width: 950px){

        .partage a {margin: 0 10px -6px 10px;}
        .actualites.sur-forum .content .nd_tabs a {font-size:25px}
    }
}


@media screen and (min-width: 600px) {
    th.forum-last-post, td.forum-last-reply, 
    th.views-field-last-updated, td.views-field-last-updated {display:table-cell;}
}

/* Ordi 1024px - ... */
@media screen and (min-width: 1024px) {
    /* Fiche de jeu mobile et tablette */
	#block-views-Indiemag_v4-block_5 .views-row, .view-id-calendrier_ind_ .views-row {
		position: relative;
		width: 100%;
		margin: 0 0 10px 0;
		float:none;
	}
	.phrase {width:75%}
	.sf-menu{display:block;}
	#block-views-Indiemag_v4-block_5  .views-row-odd {
		margin-right:0;
	}
	#block-system-main .view-id-calendrier_ind_ .views-field-field-options-jeux {
	font-size: 30px;
    line-height: 35px;
}
	.boutons_galerie, .actualites .boutons_actus, .derniers-tests .boutons_actus {top: auto;}
	.fiche.user .info {margin: 18px 0;}
	.flex-direction-nav a {top: 43%;}
	.view-id-Indiemag_v4.view-display-id-block_3 .flex-direction-nav a {top: 46%;}
	#footer .footer p.accroche {display:inline-block;}
	.colonne-principale.full {width:100%;max-width: inherit;}
	.vignette.apercu.test .image {width: calc(50% - 16px);float: left;}
	
	#block-views-Indiemag_v4-block_4 {display:block;}
	.footer-content-inner .block {margin:10px;}
	
	.fiche .info, .fiche .externes {width: calc(50% - 30px); float: left;}
	#block-indiemag-fiche_jeu .content {padding-top:10px;}
	
	#block-indiemag-fiche_jeu .fiche .info.dev {width: calc(50% - 30px);}
	#block-indiemag-fiche_jeu .vignette {display: block;}
	#block-indiemag-fiche_jeu .jaquette {display: none;}
	.content-fiche { width: auto;}
	.node-type-jeu .infos .libelle{display:inline;}
	#fiche_jeu .fiche .infos .info {background-position-y : 7px;}
	.node-type-jeu .fiche .infos .info {background-position-y : 0;}
	
	.colonne-secondaire .actualites .news .titre {width: 74%;}
	
	.ico_video {top:9px;display: block;}
		
	#block-views-tests-block_1 .views-row {width: auto;}
		
    #block-multiblock-1 {display:none;}
    #block-indiemag-fiche_jeu {display:block;}
    
    #footer .footer-content {display:block;}
    
    .fiche { border-bottom: #cecccc 1px solid;}
    /* highlight à droite du slider */
    #block-multiblock-2 {display:none;}
    #block-views-highlight-block_4 .zone-titre {background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8))!important;}
    
    #block-indiemag-fiche_jeu h3 {font-size:25px;}
    
    #content {margin-top:20px;}
    #content-inner {width:1024px;margin:auto;}
    .block .content {padding: 13px;}
    .footer-inner .reseaux{display:block;}
    #block-views-highlight-block .vignette .zone-titre > div, #block-views-highlight-block-5 .vignette .zone-titre > div  {
          top: 34px;
        }
    .footer-content {
        padding-top: 10px;
        margin-top: 10px;
        border-top: #cecccc 1px solid;
    }
    .block.videos-moment .other-video .vignette .zone-titre > * {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
    
        #block-views-commentaires-block_1 .tete {font-size: 16px;}

    
    #header {padding: 0;border-bottom:none;height:auto;}
    .header-inner {width: 1024px;margin: auto;padding: 18px 0 14px 0;}
    .colonne-principale {width: 664px; float: left;}
    .colonne-secondaire {width: 330px; float: right;}
    .colonne-secondaire .groupe-1,.colonne-secondaire .groupe-2 {width:100%;}
    
    #main-menu-mobile, #logo-mobile, .profil-recherche-mobile {display:none;}
	.footer-content {width:auto;}
    #main-menu, #logo, .profil-recherche, .header-inner .bloc-droit, #header-menu {display:block;}
    .responsive-menus {position: static;}
    #logo a {margin-right:10px;}
    .slogan {width: 220px;color: #cecccc;font-size: 13px;font-family: OpenSans-CondBold,Arial,Sans-Serif;font-style: italic;}
    .logo-carlo, .logo-slogan {float: left;}
    
    #profil, #recherche {padding: 0 0 10px 0;margin: 0;}
    #recherche {width: 283px;margin-right: 0;}
    #profil {padding-right: 10px;position: relative;}
    #profil .user-picture {height: 28px; width: 28px;}
    #profil .user-picture a {width: 32px;height: 32px;margin-right: 0;background : url("./img/Icons_Desktop_Main.png") 203px -1px;}
    #profil .user-picture a img {width: 28px;height: 28px;border: 2px solid white;border-radius: 5px;}
    #recherche .form-wrapper {position:relative;}
    .profil-recherche {float: right;}
    
    #header .sub-menu {float: right; background: none;margin:0;position: relative;top: -2px;}
    #header .sub-menu ul, #header #main-menu ul {padding: 0; margin: 0;}
    #header .sub-menu ul li {width: auto;height: auto;}
    #header .sub-menu ul li a {color:#c90032;height:auto;font-size: 15.5px;padding: 0;padding-right: 7px;margin-right: 3px;border-right: 2px #4a4a4a solid;}
    #header .sub-menu ul li.last a {border-right:0;margin-right:0;padding-right:0;}
    #header .bloc-droit {float:right; width: 400px;}
    #header-menu {background: #c90032;}
    #recherche input {width: 125px;padding-right: 110px;}
    .header-menu-inner {width: 1024px;margin: auto;height:50px;}
    #main-menu {display: inline-block;margin-top: 0;float: left;margin-left: -15px;}
    #main-menu ul li {width: auto;padding-top: 0;overflow: hidden;}
    #main-menu ul li a {padding: 13px 15px;}
    #main-menu ul li:hover a {background: #a8072f;color:#242424;}
    #header-menu .reseaux a, #footer .reseaux a {margin: 11px;height:24px;width:24px;background : url("./img/Icons_Desktop_RS.png") 0 -1px;}
    #header-menu .reseaux, #footer .reseaux {display: inline-block;float: right;}
    #header-menu .reseaux ul, #footer .reseaux ul{padding:0;}
    #header-menu .reseaux ul li, #footer .reseaux ul li{margin:0;}
    #header-menu .reseaux a.tipeee, #footer .reseaux a.tipeee {width:48px;}
    #header-menu .reseaux a.facebook, #footer .reseaux a.facebook {background-position-x: 144px;}
    #header-menu .reseaux a.twitter, #footer .reseaux a.twitter {background-position-x: 120px;}
    #header-menu .reseaux a.gplus, #footer .reseaux a.gplus {background-position-x: 96px;}
    #header-menu .reseaux a.youtube, #footer .reseaux a.youtube {background-position-x: 72px;}
    #header-menu .reseaux a.rss, #footer .reseaux a.rss {background-position-x: 48px;}
    #header-menu .reseaux a.email, #footer .reseaux a.email {background-position-x: 24px;margin-right:0;}
    #header-menu .reseaux a:hover, #footer .reseaux a:hover {background-position-y: -25px;}
    
    
    
    .footer-content .block .entete h3, .colonne-principale .block .entete h3, .colonne-secondaire .block .entete h3 {font-size: 25px;}
    .colonne-principale .block .entete, .colonne-secondaire .block .entete {background-position-x: -100px;padding: 8px 20px 5px 20px;height: 31px;}
    .colonne-secondaire .block .entete {background-position-x: -220px;}
    
    .slider-highlight .vignette {width: 100%;margin-right: 0;}
    .slider-highlight .vignette:nth-child(1) {margin-bottom: 8px;}
    .slider-highlight .vignette .image img{width: 100%;height:148px;}
    
    h2.nom-jeu a, h2.nom-jeu, .vignette.apercu .date {font-size: 13px;}
    .zone-titre h3 a {font-size: 17px;}
    .block .news {font-size: 15px; min-height:25px;}
    .block.sur-forum .news {min-height:50px;}
    .block .news .titre {font-size: 1em; min-height:25px;}
    .block .news .titre a {display: block;padding: 10px 0 10px 0;}
    
    .block.videos-moment .main-video .vignette.apercu .zone-titre {margin-top: 15px;margin-right: 0;}
    .block.videos-moment .vignette.apercu .image, .block.videos-moment .vignette.apercu .zone-titre{width: auto;float: none;}
    .block.videos-moment .vignette.apercu .image {margin-top:0;margin-right:0;}
    .block.derniers-tests .vignette.apercu .image{margin-right:10px;}
    
    .vignette.apercu h3 a {font-size: 18px;}
    .vignette .intro {font-size: 13px; max-height: 45px; overflow: hidden;margin-top:0;}
    .vignette .intro p {margin-top:0;}
    .block.videos-moment .main-video .vignette.apercu .intro:after {background: #242424;bottom: 1px;}
    
    .block.videos-moment .other-video a.logo-video {}
    .block.videos-moment .other-video span.ombre-logo {z-index:3;width: 32px;height: 32px;top: calc(50% - 16px);right: calc(50% - 16px);}
    .block.videos-moment .other-video span.logo-video {height:32px;width:32px;background : url("./img/Icons_Desktop_Main.png") -205px -1px;}
    .block.videos-moment .other-video .zone-titre {display:none;}
    .block.videos-moment .other-video .vignette:hover .zone-titre {display:inline-block;text-align:center;top:0;border-top:none;}
    .block.videos-moment .other-video .zone-titre h2.nom-jeu {position: absolute;top: 34px;left: 0;}
    .block.videos-moment .other-video .zone-titre h3 a {position: absolute;left: 0;top: 0;bottom: 0; right: 0;}
    .block.videos-moment .other-video .zone-titre h3 a:hover {color:white;}
    .block.videos-moment .other-video .zone-titre h3 a span {
		position: absolute;
		top: 109px;
		left: 0;
		right: 0;
		text-transform: initial;
		font-size: 21px;
		max-width: 90%;
		margin: auto;
		white-space: initial;
	}
    
    .vignette.apercu .commentaires {font-size: 16px;padding: 0 0 0 23px;}
    .vignette.apercu h3 {margin: 2px 0;}
    
    .vignette.apercu.test h2.nom-jeu a {font-size: 19px;line-height: 22px;}
    .vignette.apercu.test .accroche {font-size: 16px;}
    .vignette.apercu.test a.contrib {font-size: 14px;}
    
    .actualites .boutons_actus a.btn_prev, .derniers-tests .boutons_actus a.btn_prev {width:32px;height:32px;
    background: url(./img/Icons_Desktop_Main.png) 271px -1px; left: calc(50% - 48px);}
    .actualites .boutons_actus a.btn_next, .derniers-tests .boutons_actus a.btn_next {width:32px;height:32px;
    background: url(./img/Icons_Desktop_Main.png) 577px -1px; right: calc(50% - 48px);}
    .actualites .boutons_actus a.btn_prev:hover, .derniers-tests .boutons_actus a.btn_prev:hover {background-position: 271px -35px;}
    .actualites .boutons_actus a.btn_next:hover, .derniers-tests .boutons_actus a.btn_next:hover {background-position: 577px  -35px;}
    
    #block-views-highlight-block_4 {display:block;}
    
	#block-indiemag-articles_sur_le_jeu .vignette.apercu {margin: 0 13px;border-bottom: #cecccc 1px solid;padding-bottom: 12px;margin-bottom: 13px;}
    #block-indiemag-articles_sur_le_jeu .vignette.apercu .commentaires {background: url(img/Icons_All_Com_little.png) no-repeat 5px 0;padding-left: 26px;bottom: 10px;right: 0px;left: auto;}
	.block.actualites .content, .block.derniers-tests .content {padding: 13px 0;}
    .actualites.sur-forum .content .nd_tabs a {font-size: 17px;}
    .block.actualites.sur-forum .content {padding-bottom: 55px;}
    .actualites.sur-forum .chrono {margin-right: 5px;width: 45px;}
    .actualites .chrono {margin-right: 10px;width: 50px;padding: 10px 0 10px 13px;}
    .actualites .news .titre {width: 86%;}
    .actualites.sur-forum .news .titre {font-size: 16px;line-height:normal;}
    .block.actualites.sur-forum .news {font-size: 15px;margin-bottom: 5px;}
    .actualites.sur-forum .news .auteur {margin-left: 64px; padding-bottom: 10px;clear: left;}
    #footer {position:relative;}
    #footer .sub-menu, #footer .reseaux {display:none;}
    #footer .footer {overflow: hidden;}
    #footer .footer-inner {width:1024px;margin:auto;position:relative;}
    #footer .footer .footer-inner p, #footer .footer-inner .reseaux {font-size: 13px;background: none;display:inline-block;width: 33%;margin: 0;}
    #footer .footer .footer-inner p.copyright {margin-top: 16px;text-align:left;}
    
    #footer .footer-fleche {width: 28px;height: 25px;background: url(./img/Icons_Desktop_Arrow_Footer.png) 2px 0 #c90034 no-repeat; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px;border-top-right-radius: 5px; position: absolute;left: calc(50% - 12px);top: -25px;cursor:pointer;}
    #footer.open .footer-fleche {top: 2px;z-index: 2;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;background-position-y: -25px;background-color:#aba8a8;}
    
    #footer .footer-content {height:0;background: #f3f3f3;overflow:hidden;border-top: 2px solid #c90034;margin-top: 30px;padding: 0;}
    #footer .footer-content-inner {max-width: inherit;width:1024px;margin:auto;position:relative;}
    #footer.open .footer-content {padding-bottom: 10px;height:auto;padding-top: 40px;margin-top: 10px;border-top: #cecccc 2px solid;background: #f3f3f3;}
    
    #footer .footer-content .block {background:none;width: calc(33% - 20px);float: left;border: none;}
    #footer .footer-content .block p{font-size: 12px;}
    #footer .footer-content .block .entete {background: none;padding: 8px 0;height: 30px;margin-bottom: 16px;border-bottom: 1px solid #e0dfdf;}
    #footer .footer-content .block .entete h3 {color: #242424;}
    #footer .footer-content .block .content {border: none;padding:0;}
    #footer .footer-content .block.bloc-centre {margin: 0 20px;}
    #footer .footer-content .views-row-last .comment {margin-bottom:0;}
    #footer .footer-content .comment .avatar {width: 50px;height: 50px;padding: 2px;margin-right: 5px;}
    #footer .footer-content .comment .avatar img{width: 50px;height: 50px;}
    #footer .footer-content .comment .bulles {text-align: justify;overflow: hidden;margin-left:65px;max-height:58px;padding: 0;border: 0;font-size: 12px;}
    #footer .footer-content .comment .tete {margin-bottom: 2px;font-weight: bold;color: #8b8a8a;}
    #footer .footer-content .comment a.pseudo {color:#c90034;margin: 0;float: none;display: inline;}
    #footer .footer-content .comment a {display: inline;color: black;}
    #footer .footer-content .comment .comment-body {margin: 0;color: #848282;}
    
    
    
    #footer .footer-content #block-views-utilisateur-block .content {max-height:212px;overflow: auto;}
    #footer .footer-content #block-views-utilisateur-block {float:right;}
    #footer .footer-content #block-views-utilisateur-block .views-row {}
    #footer .footer-content #block-views-utilisateur-block p{ font-size: 12px; font-weight: bold;}
    #footer .footer-content #block-views-utilisateur-block .avatar{height: 30px;margin-right: 3.5%;margin-bottom: 10px;background:white;padding:1px;border:1px solid #a0a0a0;}
    #footer .footer-content #block-views-utilisateur-block .avatar:nth-child(7n+7) {margin-right:0;}
    
    .page-user h1 {margin-bottom: 5px;}
    .fiche.user h2 {margin-top: 15px;}
    .fiche.user {font-size: 13px;position:relative;}
    .fiche.user .infos {width: calc(100% - 110px);}
    .fiche.user .info {margin: 7px 0;float: left; width: 55%;}
    .fiche.user .info span.libelle  span.commentaires {padding-left: 20px;font-size: 13px;background: url(img/Icons_All_Com_little.png) no-repeat;}
    .fiche.user .info span.libelle span{font-weight:bold;}
    .fiche.user .boutons {width: 28%;position: absolute;right: 0;top: 0;margin-top: 10px;}
    .fiche.user .boutons a {width: 100%;margin-bottom: 5px;padding: 6px 0;font-size: 14px;}
    .fiche.user .externes {position: initial;margin-top:9px;float: left;width: 53%;}
    .fiche.user .externes img {width:32px;height:32px;}
    .fiche.user .externes a {margin-left:0;margin-right: 15px;}
    .fiche.user .externes .clear {margin:0;}
    
    .content-avis p, .resume p, .fiche, .comment p, .presentation p, .field-name-field-conlusion, .corps-avis, .node-content .field-name-body p, .node-content .field-name-body ul,
    .meta, .partage, .tabs.primary {font-size: 13px;}
    .tabs.primary {position: absolute;top: -20px;}
    .block.main-content {position:relative;}
    
    #block-privatemsg-privatemsg-menu li a {padding-left: 10px;}
    #block-privatemsg-privatemsg-menu li.first {background-position: 101px -1px;}
    #block-privatemsg-privatemsg-menu li {background-position: 33px -1px;margin: 10px 0;}
    #block-privatemsg-privatemsg-menu li.last {background-position: 67px -1px;}
    #block-privatemsg-privatemsg-menu li {font-size: 15px;background-image: url(./img/Icons_Desktop_Main.png);line-height: 32px;padding-left: 32px;}
    #block-privatemsg-privatemsg-menu li:hover {background-position-y: -35px;}
    
    .node-content .field-name-body {display: inline-block;}
    .node-jeu .node-content .field-name-body {border:none;margin: 5px 0 10px 0;padding: 0;}
    .node-content .field-name-body p, .field-name-field-conlusion, .corps-avis {line-height:22px;}
    .partage {margin-bottom: 10px;float: right;margin-top: 8px;}
    .node-content .field-name-body h2 {margin: 0px 0 10px 0;font-size: 20px;}
    h1 {font-size: 27px;margin-bottom: 8px;}
    .breadcrumb {font-size: 15px;}
    .partage a:hover, .partage .partage-fb:hover {background-position-y:-21px;}
    .partage a, .partage .partage-fb {margin: 0 5px -6px 5px;width: 20px;height: 20px;background: 0 0 url(./img/Icons_Desktop_RSsquares.png);}
    .partage a.partage-tw {background-position-x: 40px;}
    .partage a.partage-gp {background-position-x: 20px;}
    .node-content .meta {float: left;margin-bottom: 10px;}
    
    .externes img {width: 34px;}
    .detail .phrase {float: left;}
    .detail .auteur {float: right;}
    .detail .auteur a{display: inline-block; max-width: 100px;}
    .entete-avis {height: 34px;}
    .entete-avis .carlo {margin-right: 10px;}
    .content-avis p {line-height: 24px;}
    .content-avis {margin-left: 64px; border-top: 0;padding-top: 5px;}
	.content-avis .corps-avis img {max-width: 100%;height: auto;}
    .detail {font-size:16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
    .clear.avis {clear:none;}
    .footer-avis {font-size: 15px;}
    .footer-avis .utile {width: auto;margin: 0;}
    .footer-avis a {margin: 0;}
	
	/*avis alternatifs (page user)*/
	.avis-jaquette {display:none;}
	.view-id-Indiemag_v4.view-display-id-page_1 .avis-jaquette {float: left; position: relative;display:block;}
	.view-id-Indiemag_v4.view-display-id-page_1 .avis-jaquette img.avis-img{ width: 120px; height: 144px;}
	.view-id-Indiemag_v4.view-display-id-page_1 .avis-jaquette img.carlo {position: absolute;background: #c90032;bottom: 4px;right: 0;width: 40px;}
	.view-id-Indiemag_v4.view-display-id-page_1 .content-avis {margin-left: 118px;  min-height: 94px;}
	.view-id-Indiemag_v4.view-display-id-page_1 .entete-avis .carlo {display:none;}
	.auteur-complet {display:none;}
	
    .recapitulatif .jauge-avis {height: 33px;}
    .recapitulatif .jauge-avis .nombre { height: 33px; width: 33px;line-height: 34px;font-size: 20px;}
    .recapitulatif .jauge-avis .carlo { background-size: 23px;width: 33px; height: 33px;}
    .recapitulatif .jauge-avis .pourcent {position: absolute;right: 40px;top: 7px;font-size: 17px;}
    .recapitulatif .jauge-avis .jauge {left: 33px; width: calc(100% - 66px);}
    .footer-recap .left {font-size: 20px;padding: 11px 0 8px 0;height: 53px;}
    .footer-recap .right a, .footer-recap .right div {height: 23px; padding: 5px 0 5px 0;font-size: 20px;}
    .footer-recap .left .nb-avis {font-size: 27px;}
    
    .commentaires {background: url(img/Icons_All_Com_little.png) no-repeat 5px 0}
	.actualites .commentaires {background: url(img/Icons_All_Com_little.png) no-repeat 5px 11px;}
    
    .groupe-auteur .auteur .avatar img {width: 50px;height:50px;}
    .redacteur {font-weight: bolder;font-size: 13px;top: -7px;line-height: normal;}
    .role {font-size: 12px; margin: 0; line-height: normal;top: -3px;}
    
	
	.footer-content .reseaux {    position: initial;}
	.footer-content .reseaux ul li:first-child {margin-left :0;}
    .footer-content .reseaux a {width: 18px;height: 18px;display: inline-block; background-image: url(./img/Icons_Desktop_RS_article_little.png); margin: 0 10px 0 0;;position: relative;}
    .financement-tipeee a {width: 48px;height: 24px;display: inline-block; background-image: url(./img/Icons_Desktop_RS_article.png);margin: 0 3px 0 8px;position: relative;top: -13px;}
    .reseaux a.facebook {background-position-x: 215px;}
    .reseaux a.twitter {background-position-x: 90px;}
    .reseaux a.gplus {background-position-x: 72px;}
    .reseaux a.youtube {background-position-x: 55px;}
    .reseaux a.email {background-position-x: 18px;}
    .reseaux a:hover {background-position-y:18px;}

	.groupe-auteur {    width: 40%;    float: left;}
    .footer-content .footer-end {padding: 0;width: 60%;    float: right;}
    .footer-content .partage { font-size: 13px; top: 0; float: right;    padding: 0;    margin: 0;    border: 0;}
    .footer-content .financement-tipeee { font-size: 13px; text-align: right; float: right;display: block;padding: 5px;}
    .footer-content .financement-tipeee a {width: 48px; background-position-y: 25px; margin-left: 3px; left: 0;top: 7px;}

	.node-content .top-node {overflow: auto;padding-bottom: 5px; margin-bottom: 15px;border-bottom: 1px solid #cecccc;}
	.embed-container {margin-bottom: 10px;}
	
    #block-indiemag-fiche_jeu .jaquette img{width:111px;height: 127px;}
    #block-indiemag-fiche_jeu .externes { width: 100%;clear: left;  float: left; margin-top: 10px;}
    #block-indiemag-fiche_jeu a.more-fiche {font-size: 19px;}
    #block-indiemag-fiche_jeu .fiche {margin-bottom: 10px;}
	
	#block-indiemag-fiche_jeu .infos {width: 100%; float: left;}
	#block-indiemag-fiche_jeu .vignette img {width:100%;height:auto;}
	#block-indiemag-fiche_jeu .content {padding-left:0;padding-right:0;padding-top:0;}
	#block-indiemag-fiche_jeu .fiche {margin-top:0;}
	#block-indiemag-fiche_jeu .fiche, 
	#block-indiemag-fiche_jeu .supports {float: left;width: calc(100% - 20px); padding-left:10px;padding-right : 10px;}
	#block-indiemag-fiche_jeu h3 {padding-left:10px;padding-right : 10px;}
    
    .form-item .description {font-size: 0.75em;}
    
    .phrase {font-size:16px;}
    #block-indiemag-block_comments .comment .links.inline {font-size: 12px;}
    .colonne-secondaire .block .news .chrono, .colonne-secondaire .block .news .titre {font-size: 15px;}
    
    #user-login, #user-register-form {font-size: 1em;}
    #user-login input[type=text], #user-register-form input[type=text], 
    #user-register-form input[type=password], #user-login input[type=password] {font-size: 1em; width: auto;}
    #user-login input[type=submit], #user-register-form input[type=submit]{font-size: 1em; width: auto;}
    #user-login input[type=checkbox], #user-register-form input[type=checkbox]{width: auto; height: auto;}
}

@media screen and (max-width: 800px) {
	#block-views-commentaires-block_1 .meta .date {
		font-size: 24px;
		position: initial;
		padding-right: 5px;
	}
	#block-views-commentaires-block_1 .meta {
		margin : 0;
	}
}
@media screen and (max-width: 1023px) {
	.forum-post-panel-main p {
	    font-size: 1.2em;
		line-height: 34px;
	}
	.forum-topic-header .topic-reply-link, .forum-topic-header .topic-new-post-link, .forum-topic-header .last-post-link {
		margin: 20px 0;float: none;font-size: 1.2em;
	}
	a.af-button-large, a.af-button-large:link, a.af-button-large:visited, a.af-button-small, a.af-button-small:link, a.af-button-small:visited, a.author-pane-link, a.author-pane-link:link, a.author-pane-link:visited, .topic-reply-locked .af-button-large {
		font-size: 1.2em;display: block;padding: 15px;
	}
	.postdetails {    font-size: 1.2em;}
	
	.author-pane-section .infos {
		font-size: 1.1em;
		margin: 15px 0;
	}
	
	.avis-jaquette {display:none;}
	.auteur-complet {display:inline;}
	.view-id-Indiemag_v4.view-display-id-page_1 .auteur {display:none;}
}