.region.region-sidebar-articles {
    width: 20%!important;
    background: #f7f7f7;
    

}
/* Menu vertical*/

div.block-menu-land-vertical {
    width:90%;
    background: #f7f7f7;
    max-height: 500px;
    /*margin-top: 47px;*/
    padding-bottom:20px;
    margin: 0 auto;
}

div.block-menu-land-vertical h2,
#block-filtresdespetitesannonces-2 h2 {
    font-family: montserrat;
    font-size: 23px;
    text-align: center;
    color: #ffffff;
    background: #0D5C95;
    padding: 10px 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
}
.menuland-vertical ul{
    max-width: 90%;
    margin: 0 auto;
    padding-top: 20px;
}
.menuland-vertical ul li{
        list-style: none;
    padding: 10px 40px 10px 0;
    font-family: montserrat;
    font-size: 14px;
    line-height: 1.2em;
    font-weight: 400;

}

#block-filtresdespetitesannonces-2 .form--inline {
    width: 90%;
    margin: 0 auto;
}

.block-classified-ads a.button {
    background: none;
    margin: -20px auto 30px auto!important;
    display: table!important;
    color: #c70626;
    font-weight: 600;
}

.menuland-vertical ul li a{
      color:#0D5C95;
    display: block;
}


/*Application*/

.mockup-appli {
    width:100%;
}


.appli{
    background:#C70626;
    max-width:90%;
    margin: 20px auto 0 auto;
    padding: 15px 0 ;
}

.appli h3{
    font-family: montserrat;
    color: #ffffff;
    text-align: center;
    font-weight: 300;
    text-transform: uppercase;
    padding: 0px 0 10px 0px;
    font-size: 30px;
    line-height: 1em;
}

.appli h3 span {
    font-weight: 700;
    font-size: 16px;
}

.appli figcaption{
    color:#ffffff;
    font-family:montserrat;
    font-size: 14px;
    padding: 10px 10px 0 10px;
    line-height: 1.2em;
    text-align: left;
    font-weight: 500;
}


/*Magazine*/

img.mockup-magazine {
    width: 100%;
}

.mockup-mag
{
    max-width:90%;
    margin: 0 auto;
    padding: 15px 0 ;
    font-family: montserrat;
}

.mockup-mag h3 {
    color: #000000;
    font-size: 25px;
    padding-top: 20px;
    text-align: center;
}

.mockup-mag h4 {
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    margin-top: -20px;
}

.mockup-mag a {
	text-decoration: none;
    color: #000000;
    font-family: montserrat;
    text-transform: uppercase;
    background: #ffffff;
    font-size: 13px;
    padding: 20px;
    font-weight: 600;
	display:block;
	text-align:center;
}

.mockup-mag a:hover{
	background:#000000;
	color:#FFFFFF;
}
/*mode Petit Ordi */

@media only screen and (max-width: 1219px) and (min-width: 1023px)  {
    .region.region-sidebar-articles {
    width: 35%!important;
    
}
    .views-row {
        min-width: 45%!important;}
    .menuland-vertical ul li {

    font-size: 12px;
   
}
    
}
    

/* mode Tablette */
@media only screen and (max-width: 1023px) {
    
    .region.region-sidebar-articles{
        display:none;
    }
}

/* mode mobile */

@media all and (max-width: 767px) {
    
    .views-row {
    min-width: 85%!important;
    margin-right: 0px!important;
    
}
    
}