/*
	Theme Name: Ouest Conseils
	Theme URI: https://alencrebleue.com
	Description: Ouest Conseils
	Version: CSS/PAGE SOLUTION
	Author: Al'Encre bleue
	Author URI: https://alencrebleue.com

*/


.article-sn {
    background: #fff;
    box-shadow: 0 0.8px 2px 0 rgba(0,0,0,.2);
}
.sn-text{
    padding: 0 1em 0.5em;
}	
.titre-sn a:hover {
    color: #01AEBC;
}
.content-sn {
    padding: 3.5em 0;
}
/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media only screen and (min-width:432px) {}

@media only screen and (min-width:480px) {}

@media only screen and (min-width:600px) {}

@media only screen and (min-width:720px) {}

@media only screen and (min-width:768px) {}

@media only screen and (min-width:801px) {}

@media screen and (min-width: 481px) and (max-width: 991px) {}

@media only screen and (min-width: 1025px) {}

@media screen and (min-width: 1024px) and (max-width:1040px) {}

@media screen and (min-width: 1024px) and (max-width: 1199px) {}

@media screen and (min-width: 1200px) and (max-width: 1279px) {}

@media only screen and (min-width:1200px) {}

@media only screen and (min-width:1366px) {}

@media only screen and (min-width:1440px) {}

@media only screen and (min-width:1500px) {}

@media only screen and (min-width:1680px) {}

@media only screen and (min-width:1920px) {}

@media only screen and (min-width:2560px) {}

@media only screen and (max-width:1680px) {}

@media only screen and (max-width:1500px) {}

@media only screen and (max-width:1440px) {}

@media only screen and (max-width:1366px) {}

@media only screen and (max-width:1280px) {}

@media only screen and (max-width:1200px) {
.container {
	width: 90%;
}
}

@media only screen and (max-width: 1140px) {}

@media only screen and (max-width: 1023px) {
.article-sn{
    display: flex;
}
.sol-bloc{
	margin: 1em 0;
}
.sol-bloc > .article-sn > a{
    width: 100%;
    max-width: 260px;
}
.sol-bloc > .article-sn > a > img {
    height: 200px;
    object-fit: cover;
}
.sn-text {
    align-self: center;
}
}

@media only screen and (max-width:992px) {}

@media only screen and (min-width:800px) and (max-width:880px) {
.sol-bloc > .article-sn > a{
    max-width: 230px;
}
.sol-bloc > .article-sn > a > img {
    height: 175px;
}
}
@media only screen and (min-width:761px) and (max-width:799px) {
.sol-bloc > .article-sn > a > img {
    height: 200px;
}
}
@media only screen and (min-width:601px) and (max-width:760px) {
.sol-bloc > .article-sn > a {
    min-width: 230px;
    width: 230px;
}
}
@media only screen and (max-width:600px) {
.article-sn {
    display: block;
}
.sol-bloc > .article-sn > a > img {
    height: inherit;
}
}

@media only screen and (min-width:481px) and (max-width:600px) {
.content-sn {
    width: 65%;
}
}
@media only screen and (min-width:433px) and (max-width:480px) {
.content-sn {
    width: 80%;
}
}
@media only screen and (min-width:320px) and (max-width:432px) {
.content-sn {
    width: 90%;
}
}

@media only screen and (max-width:420px) {}

@media only screen and (max-width:432px) {}

@media only screen and (max-width:414px) {}

@media only screen and (max-width:411px) {}

@media only screen and (max-width:384px) {}

@media only screen and (max-width:375px) {}

@media only screen and (max-width:360px) {}

@media only screen and (max-width:320px) {}

@media only screen and (min-width:1800px) {}

@media only screen and (min-width:2000px) {}