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

*/


.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;
    margin-bottom: 0.4em;
}

.back-solu .fort,
.back-solu p {
    color: #fff;
}

/* TEST à voir si on le généralise */
.soluce>.bloc-espace>ul>li {
    padding: 0.2em 1em;
    font-size: 1em;
}

.back-solu>div:nth-child(1) {
    padding: 1em;
}

#page-legroupe>div.list.container>div>div>div.bloc-2.soluce.back-solu>.back-sn {
    padding: 2em 1em;
}

.soluce:nth-child(2) .bloc-espace>ul>li {
    background: url(https://www.fileogroupe.coop/wp-content/themes/fileo-groupe/img/list.png) 0 top no-repeat;
}

.soluce:nth-child(3) .bloc-espace>ul>li {
    background: url(https://www.fileogroupe.coop/wp-content/themes/fileo-groupe/img/listW.png) 0 top no-repeat;
    color: #fff;
}

#menu-solutions {
    border-bottom: 4px solid #01AEBC;
}

.soluce>.bloc-espace>ul {
    align-self: center;
    margin-bottom: 1em;
}

.tabLife {
    background: #fff;
    padding: 0;
}

.tabLife ul {
    padding: 0px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.tabLife ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3%;
    flex: 0 0 33.3%;
    max-width: 33.3%;
    border-right: 5px solid #F1F1F1;
}

.tabLife ul li:nth-child(3) {
    -ms-flex: 0 0 33.4%;
    flex: 0 0 33.4%;
    max-width: 33.4%;
    border-right: 5px solid transparent;
}

.tabLife ul li a {
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    color: #01AEBC;
    text-decoration: none;
    padding: 1.5em 2em;
}

.tabLife ul li a:hover {
    color: #fff;
    transition: 1s;
}

.active {
    background: #01AEBC;
    cursor: default;
}

.tabLife ul .current-menu-item a {
    color: #fff;
}

#menu-item-1260.current-menu-item {
    background: #01AEBC url(https://www.fileogroupe.coop/wp-content/themes/fileo-groupe/img/icons/gestion-admin1-hover.png) 85% center no-repeat;
}

#menu-item-1262.current-menu-item {
    background: #01AEBC url(https://www.fileogroupe.coop/wp-content/themes/fileo-groupe/img/icons/solution-num1-hover.png) 85% center no-repeat;
    border-right: 5px solid #01AEBC;
}

#menu-item-1261.current-menu-item {
    background: #01AEBC url(https://www.fileogroupe.coop/wp-content/themes/fileo-groupe/img/icons/domicilia1-hover.png) 85% center no-repeat;
}

/*
#menu-item-1260.active {
    background: #01AEBC url(https://www.fileogroupe.coop/wp-content/themes/fileo-groupe/img/icons/gestion-admin1-hover.png) 85% center no-repeat;
}

#menu-item-1261.active {
    background: #01AEBC url(https://www.fileogroupe.coop/wp-content/themes/fileo-groupe/img/icons/solution-num1-hover.png) 85% center no-repeat;
    border-right: 5px solid #01AEBC;
}

#menu-item-1262.active {
    background: #01AEBC url(https://www.fileogroupe.coop/wp-content/themes/fileo-groupe/img/icons/domicilia1-hover.png) 85% center no-repeat;
}
*/

#menu-item-1260 {
    background: url(https://www.fileogroupe.coop/wp-content/themes/fileo-groupe/img/icons/gestion-admin1.png) 85% center no-repeat;
    transition: 0.5s;
}

#menu-item-1262 {
    background: url(https://www.fileogroupe.coop/wp-content/themes/fileo-groupe/img/icons/solution-num1.png) 85% center no-repeat;
    transition: 0.5s;
}

#menu-item-1261 {
    background: url(https://www.fileogroupe.coop/wp-content/themes/fileo-groupe/img/icons/domicilia1.png) 85% center no-repeat;
    transition: 0.5s;
}

#menu-item-1260:hover {
    background: rgba(1, 174, 188, 0.85) url(https://www.fileogroupe.coop/wp-content/themes/fileo-groupe/img/icons/gestion-admin1-hover.png) 85% center no-repeat;
    transition: 0.5s;
}

#menu-item-1262:hover {
    background: rgba(1, 174, 188, 0.85) url(https://www.fileogroupe.coop/wp-content/themes/fileo-groupe/img/icons/solution-num1-hover.png) 85% center no-repeat;
    transition: 0.5s;
    border-right: 5px solid transparent;
}

#menu-item-1261:hover {
    background: rgba(1, 174, 188, 0.85) url(https://www.fileogroupe.coop/wp-content/themes/fileo-groupe/img/icons/domicilia1-hover.png) 85% center no-repeat;
    transition: 0.5s;
}
.soluce {
    justify-content: center;
    margin: 0.5em 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    align-self: center;
}

.bloc-1.soluce img {
    margin-top: -2.5em;
}

.bloc-2.soluce {
    margin: 1.5em 0 2.5em;
}

.back-solu {
    background: url(https://www.fileogroupe.coop/wp-content/themes/fileo-groupe/img/fondSoluce.png) no-repeat;
    background-size: cover;
    align-self: auto;
    color: #fff;
}

.back-solu>.bloc-espace {
    align-self: center;
}

.back-solu>.bloc-espace>p {
    padding: 0.5em 2em 0.3em;
}

.back-solu>.esp-dom>p {
    padding: 0 1em 0.3em;
}

.back-solu>.esp-dom>h3 {
    padding: 0 0.7em;
}

.back-solu>.esp-dom>ul {
    padding: 0 1.2em;
}

.sol-menu {
    padding: 2em 0;
}

.img-solu {
    padding: 0;
}

div.img-solu>div.bloc-1.soluce>img {
    width: 100%;
}

#solution-numerique p {
    padding-top: 1em;
}

#domiciliation {
    padding-bottom: 3em;
}

#domiciliation p {
    margin-top: 1em;
}

.disappear {
    color: #000 !important;
}

/*------------------------------------*\
    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: 992px) and (max-width: 1199px) {
.tabLife ul li a {
    padding: 1.5em 1em;
}
#menu-item-1260 {
    background: url(https://www.fileogroupe.coop/wp-content/themes/fileo-groupe/img/icons/gestion-admin1.png) 95% center no-repeat;
    transition: 0.5s;
}
#menu-item-1262 {
    background: url(https://www.fileogroupe.coop/wp-content/themes/fileo-groupe/img/icons/solution-num1.png) 95% center no-repeat;
    transition: 0.5s;
}
#menu-item-1261 {
    background: url(https://www.fileogroupe.coop/wp-content/themes/fileo-groupe/img/icons/domicilia1.png) 95% center no-repeat;
    transition: 0.5s;
}
#menu-item-1260:hover {
    background: rgba(1, 174, 188, 0.85) url(https://www.fileogroupe.coop/wp-content/themes/fileo-groupe/img/icons/gestion-admin1-hover.png) 95% center no-repeat;
    transition: 0.5s;
}
#menu-item-1262:hover {
    background: rgba(1, 174, 188, 0.85) url(https://www.fileogroupe.coop/wp-content/themes/fileo-groupe/img/icons/solution-num1-hover.png) 95% center no-repeat;
    transition: 0.5s;
    border-right: 5px solid transparent;
}
#menu-item-1261:hover {
    background: rgba(1, 174, 188, 0.85) url(https://www.fileogroupe.coop/wp-content/themes/fileo-groupe/img/icons/domicilia1-hover.png) 95% center no-repeat;
    transition: 0.5s;
}
#menu-item-1260.current-menu-item {
    background: #01AEBC url(https://www.fileogroupe.coop/wp-content/themes/fileo-groupe/img/icons/gestion-admin1-hover.png) 95% center no-repeat;
}
#menu-item-1262.current-menu-item {
    background: #01AEBC url(https://www.fileogroupe.coop/wp-content/themes/fileo-groupe/img/icons/solution-num1-hover.png) 95% center no-repeat;
    border-right: 5px solid #01AEBC;
}
#menu-item-1261.current-menu-item {
    background: #01AEBC url(https://www.fileogroupe.coop/wp-content/themes/fileo-groupe/img/icons/domicilia1-hover.png) 95% center no-repeat;
}
}
@media screen and (min-width: 992px) and (max-width: 1160px) {
.tabLife ul li a {
    font-size: 0.85em;
	padding: 1.5em 1em 1em;
}
}
@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: 1024px) {}

@media only screen and (max-width:992px) {
#menu-item-1260, #menu-item-1262, #menu-item-1261 {
	display:none;
}
#menu-item-1260.current-menu-item, #menu-item-1262.current-menu-item, #menu-item-1261.current-menu-item {
	display:block;
}

	.img-solu>.soluce:first-child {
        display: none;
    }

    .tabLife ul li,
    .tabLife ul li:nth-child(3) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        border-right: none;
    }

    #menu-item-1261.active {
        border-right: none;
    }

    #menu-item-1262,
    #menu-item-1260 {
        border-bottom: 4px solid#01AEBC;
    }
}

@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) {
.container {
	width: 90%;
}
}

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

    #menu-item-1260,
    #menu-item-1261,
    #menu-item-1262,
    #menu-item-1260.active,
    #menu-item-1261.active,
    #menu-item-1262.active {
        background-image: none;
    }
}

@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) {}