/* Template Ordinateurs Laval - CSS Responsive */
/* Large desktop */
@media (min-width: 1200px) {
}

/* Normal website size */
@media (min-width: 980px) {
}

/* Portrait tablet to landscape and desktop */
@media (max-width: 979px) {
#ol-logo {
float: left;
width: 65%;
}

#ol-conteneur {
width: 99%;
margin: 0 3px 0 3px;
}

#ol-contenantcentre {
margin-left: 1.5%;
}

.blog-featured .item {
width: 100%;
}

.item-page, .items-leading [class*="leading-"] {
width: 97%;
}

#ol-contenantcentre .blog-featured .items-leading div p#block2, #ol-contenantcentre .blog-featured .items-leading div p#block4 {
margin-left: 15px;
}

#ol-footer .texte-footer > p {
padding-right: 40px;
}

}

/* Portrait tablet to landscape and desktop */
@media (max-width: 799px) {
#ol-contenantcolgauche {
display: none;
}

#ol-contenantcentre {
width: 95%;
margin-left: 1%;
}

#ol-footer .logo-footer {
display:none;
}

#ol-footer .texte-footer {
width: 96%;
}

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
body {
padding-left:0;
padding-right:0;
}

#ol-logo {
width: 60%;
}

#ol-langage {
margin-bottom: 3px;
}

#ol-contenantcentre .blog-featured .items-leading div p#block1, #ol-contenantcentre .blog-featured .items-leading div p#block2, #ol-contenantcentre .blog-featured .items-leading div p#block3, #ol-contenantcentre .blog-featured .items-leading div p#block4 {
margin-left: 5px;
width: 49%;
}

}

/* Landscape phones and down */
@media (max-width: 649px) {
#ol-logo {
width: 50%;
}

#ol-contenantcentre .blog-featured .items-leading div p#block1, #ol-contenantcentre .blog-featured .items-leading div p#block2, #ol-contenantcentre .blog-featured .items-leading div p#block3, #ol-contenantcentre .blog-featured .items-leading div p#block4 {
margin-left: 35px;
width: 58%;
}


}

/* Landscape phones and down */
@media (max-width: 519px) {
#ol-logo {
width: 65%;
}

#ol-recherche {
display: none;
}

#ol-contenantcentre .blog-featured .items-leading div p#block1, #ol-contenantcentre .blog-featured .items-leading div p#block2, #ol-contenantcentre .blog-featured .items-leading div p#block3, #ol-contenantcentre .blog-featured .items-leading div p#block4 {
margin-left: 30px;
width: 73%;
}

}


/* Landscape phones and down */
@media (max-width: 480px) {
#ol-logo {
width: 70%;
}

#ol-contenantcentre .blog-featured .items-leading div p#block1, #ol-contenantcentre .blog-featured .items-leading div p#block2, #ol-contenantcentre .blog-featured .items-leading div p#block3, #ol-contenantcentre .blog-featured .items-leading div p#block4 {
margin-left: 25px;
width: 82%;
}

.item-page {
width: 95%;
}
}