/* Home page */
#bloclogoEtSocial { 
    margin-bottom:10px;
}
#bloclogo { 
    margin-bottom: 0 
}
#bloclogo img { 
    width: 50%;
}
#blocsocial img { width:auto;}

#blocagenda, #blocbilleterie {
    background: none repeat scroll 0 0 #feebeb;
    position: relative;
    height: 70px;
    margin-bottom: 15px;
    margin-top: 0;
    padding-top: 10px;
}

.blocActu {
    height:622px; 
    background: #feebeb;
    margin-bottom: 15px;
}
.blocActuHeader { 
    padding: 15px 0;
}
.blocActu .actuimage { 
    margin-bottom: 15px; 
    height:345px;
    background-size:cover;
}
#blocActionculturelle, #blocResidence  {
    background: none repeat scroll 0 0 #feebeb;
    height: 213px;
    padding-top: 0px;
    margin-bottom: 15px;
    position: relative;
}

#blocPratique {
    position: relative;
    height: 210px;
    background: #feebeb;
    margin-bottom: 15px;
    padding-top: 0;
}
#blocBonus {
    position: relative;
    background: #feebeb;
    height: 160px;
    margin-bottom: 6px;
    padding-top: 0;
}
#blocBonus a.TitreRubrique:after, #blocBonus a.TitreRubrique:before, #blocPratique a.TitreRubrique:after, #blocPratique a.TitreRubrique:before, #blocActionculturelle a.TitreRubrique:after, #blocActionculturelle a.TitreRubrique:before, #blocResidence a.TitreRubrique:after, #blocResidence a.TitreRubrique:before  { display:block;}
#blocPartenaires { margin-top: 10px; }
#blocPartenaires img { width: auto; }


/* Gestion responsive */
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {  
     #bloclogo img { 
        width: 220px;
        margin-left: 0; 
        margin-top: 0;
    }
    #blocagenda, #blocbilleterie {
        height: 124px;
        margin-top: 15px;
        padding-top: 30px;
    }
    #blocActionculturelle, #blocResidence {
        height: 304px;
        padding-top: 15px;
    }

    #blocPratique {
        height: 270px;
     }

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    #bloclogo img { 
        width: 220px;
        margin-left: 0;  
        margin-top: 0;
    }
    #blocsocial { 
        margin-left:0;
    }
 }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
   #bloclogo img { 
        width: 220px;
        margin-left: 80px; 
        margin-top: 0; 
    }
    #blocsocial { 
        margin-left:80px;
    }
}