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

*/

.le-fg {
    align-self: center;
}
.intro-conseil {
    text-align: center;
    width: 70%;
    margin: auto;
    padding: 2.5em 0 2em;
    font-weight: 500;
    font-size: 1.2em;
}
.subtitle-conseil {
    text-align: center;
    margin: 3em 0 1em;
    background: url(https://www.fileogroupe.coop/wp-content/themes/fileo-groupe/img/puce-h3.png) top center no-repeat;
    padding-top: 2em;
}
.fg-intro {
    background: #f6f6f6;
}
.paddsolu{
    padding: 0 2em;
}
.soluce>div>ul>li {
    font-size: 1em;
}
.bloc-espace.bloc-conseil>h2 {
    margin-top: 0;
}
h3 {
    font-weight: 600;
    color: #01AEBC;
    font-size: 1.4em;
    margin-bottom: 0.4em;
}
.le-fg {
    align-self: center;
}
.bloc-espace .h2 {
    margin: 0.8em 0;
}
.bloc-espace p {
    margin: 0 0 1em;
}
.fort {
    font-weight: 600;
    color: #01AEBC;
    font-size: 1.4em;
}
/*ACTUALISATION DELA MISE EN FORME */
#conseil0:target,
#conseil1:target,
#conseil2:target, 
#conseil3:target {
    border-top: 100px solid transparent;
    margin: -100px 0 130px;
}
article {
background-image: -webkit-linear-gradient(transparent 50px, #fff 50px, #fff, transparent 0%);
background-image: -o-linear-gradient(transparent 50px, #fff 50px, #fff, transparent 0%);
background-image: linear-gradient(transparent 50px, #fff 50px, #fff, transparent 0%);
	margin: auto auto 50px auto;
}
.category,
.title {
	position: -webkit-sticky;
	position: sticky;
	height: 50px;
}
article {
	width: 85vw;
	max-width: 1170px;
	padding-top:2.5em;
}
.category {
    color: #333;
    padding: 2.5em 2em 2.5em;
    font-size: 22px;
    font-weight: 600;
    top: 0;
	text-align: center;
    z-index:999;
}
.subtitle-conseils {
    background: #fff url(https://www.fileogroupe.coop/wp-content/themes/fileo-groupe/img/puce-h3.png) center 20% no-repeat;
}
.subtitle-conseilc {
    background: #F1F1F1 url(https://www.fileogroupe.coop/wp-content/themes/fileo-groupe/img/puce-h3.png) center 20% no-repeat;
} 
.liste-p {
    background: url(https://www.fileogroupe.coop/wp-content/themes/fileo-groupe/img/list.png) 0 5px no-repeat;
    padding: 0.5em 0 0 1em;
    margin: 0 0 0.3em !important; 
}
.consol:nth-child(2) .bloc-espace>ul>li, .consol:nth-child(3) .bloc-espace>ul>li {
    background: url(https://www.fileogroupe.coop/wp-content/themes/fileo-groupe/img/list.png) 0 5px no-repeat;
    padding: 0.5em 0 0 1em;
}
.consol>div>ul>li {
    font-size: 1em;
}

/*------------------------------------*\
    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:1025px) {
.picto-tit h2 {
    color: #fff !important;
    font-size: 24px;
    padding: 1.5em 0;
	width:80%;
}
#conseil2 > div:nth-child(2) > div.picto-tit.bloc-conseil > h2 {
    padding: 1em 0;
}
.consol {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
#conseil0>div:nth-child(4)>div,
#conseil1>div:nth-child(4)>div,
#conseil2>div:nth-child(4)>div,
#conseil3>div:nth-child(4)>div {
	padding-left: .9375em;
	padding-right: .9375em;
}
.bloc-espace h3 {
	color: #01AEBC;
	font-size: 22px;
	font-style: italic;
}
#conseil0 > div:nth-child(1){order: 2;position: relative;}
#conseil0 > div:nth-child(2){order: 1;position: relative;}
#conseil1 > div:nth-child(1){position: relative;}
#conseil1 > div:nth-child(2){position: relative;}
#conseil2 > div:nth-child(1){order: 2;position: relative;}
#conseil2 > div:nth-child(2){order: 1;position: relative;}
#conseil3 > div:nth-child(1){position: relative;}
#conseil3 > div:nth-child(2){position: relative;}
	
.outer-wrapper .see-more {
	display: inline-block;
	font-family: Helvetica, sans-serif;
	border-bottom: 1px solid #000;
	cursor: pointer;
	margin-top: 20px;
}
.outer-wrapper .wrapper {
	max-height: 15px;
	overflow: hidden;
	transition: max-height 0.25s;
}
.outer-wrapper .wrapper.full-height {
	max-height: 1000px;
	transition: max-height 1s;
}	
.bloc-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    height: 75vh;
    max-height: 640px;
}
#conseil0>div:nth-child(2)>div:nth-child(1), #conseil1>div:nth-child(2)>div:nth-child(1), #conseil2>div:nth-child(2)>div:nth-child(1), #conseil3>div:nth-child(2)>div:nth-child(1) {
    width: 100%;
    padding: 0 2em;
    margin: 0;
    position: absolute;
    top: 0;
    z-index: 1;    
	max-width: 540px;
}
#conseil2>div:nth-child(2)>div:nth-child(1) {
    max-height: 120px;
}
#conseil0>div:nth-child(2)>div:nth-child(1) {
    background: #01AEBC url(https://www.fileogroupe.coop/wp-content/themes/fileo-groupe/img/picto-regard-expert.png) 90% center no-repeat;
}
#conseil1>div:nth-child(2)>div:nth-child(1) {
	background: #01AEBC url(https://www.fileogroupe.coop/wp-content/themes/fileo-groupe/img/picto-businessmodel.png) 90% center no-repeat;
}
#conseil2>div:nth-child(2)>div:nth-child(1) {
	background: #01AEBC url(https://www.fileogroupe.coop/wp-content/themes/fileo-groupe/img/picto-developpement-strategique-et-com.png) 90% center no-repeat;
}
#conseil3>div:nth-child(2)>div:nth-child(1) {
	background: #01AEBC url(https://www.fileogroupe.coop/wp-content/themes/fileo-groupe/img/picto-conseilgestion.png) 90% center no-repeat;
}
#conseil0, #conseil1, #conseil2, #conseil3{
	margin-bottom: 2em;
}
.bloc-espace {
    position: absolute;
    top: 130px;
}
.but {
    display: flex;
    bottom: 0;
    position: absolute;
    left: 2.5%;
    margin-top: 0.5em;
}
}

@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:1199px) {
.h2 {
    text-align: left;
}
}

@media only screen and (max-width: 1140px) {}
@media only screen and (min-width: 1025px) and (max-width:1199px) {
#conseil0>div:nth-child(2)>div:nth-child(1) {
    background: #01AEBC url(https://www.fileogroupe.coop/wp-content/themes/fileo-groupe/img/picto-regard-expert-45.png) 90% center no-repeat;
}
#conseil1>div:nth-child(2)>div:nth-child(1) {
	background: #01AEBC url(https://www.fileogroupe.coop/wp-content/themes/fileo-groupe/img/picto-businessmodel-45.png) 90% center no-repeat;
}
#conseil2>div:nth-child(2)>div:nth-child(1) {
	background: #01AEBC url(https://www.fileogroupe.coop/wp-content/themes/fileo-groupe/img/picto-developpement-strategique-et-com-45.png) 90% center no-repeat;
}
#conseil3>div:nth-child(2)>div:nth-child(1) {
	background: #01AEBC url(https://www.fileogroupe.coop/wp-content/themes/fileo-groupe/img/picto-conseilgestion-45.png) 90% center no-repeat;
}
#conseil0>div:nth-child(2)>div:nth-child(1), #conseil1>div:nth-child(2)>div:nth-child(1), #conseil2>div:nth-child(2)>div:nth-child(1), #conseil3>div:nth-child(2)>div:nth-child(1) {
    width: 94%;
    padding: 0 1em;
}
.picto-tit h2 {
    font-size: 20px;
    padding: 1em 0;
}
.consol .bloc-2 {
	margin: 1em auto 2em;
	max-width: 48%;
}
#conseil0 > div > img,
#conseil1 > div > img,
#conseil2 > div > img,
#conseil3 > div > img{
    object-fit: cover;
}
.bloc-espace {
    top: 100px;
}
.bloc-1 {
    height: 85vh;
    max-height: inherit;
}
}
@media only screen and (max-width:1199px) {
}
@media only screen and (max-width:1024px) {
.cstex{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}	
.csimg{
    display: none;
}
#conseil0,
#conseil1,
#conseil2,
#conseil3{
    margin: 1em 0 3em;
}
.but a {
    margin-top: 1em;
}
#conseil0>div:nth-child(2)>div:nth-child(1), #conseil1>div:nth-child(2)>div:nth-child(1), #conseil2>div:nth-child(2)>div:nth-child(1), #conseil3>div:nth-child(2)>div:nth-child(1)  {
	background: #01AEBC;
}
#conseil0, #conseil1, #conseil2, #conseil3{
	margin-bottom: 2em;
}
.picto-tit h2 {
    color: #fff !important;
    font-size: 24px;
    padding: 1.5em;
}
}

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

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

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

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

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

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

@media only screen and (max-width:432px) {
.picto-tit h2 {
	font-size: 18px;
	padding: 1em 0 0.8em 1em;
}
h3 {
    font-size: 1.2em;
}
}

@media only screen and (max-width:414px) {
.category {
    font-size: 20px;
}
}
@media only screen and (max-width:411px) {}

@media only screen and (max-width:384px) {
.category {
    padding: 2.5em 1em;
}
}

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

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

@media only screen and (max-width:320px) {
.category {
    font-size: 18px;
}
}

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

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