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

*/
.intro-page {
    padding: 0;
}

.le-fg {
    align-self: center;
}

/* RÉPÉTITION PAGE LOCATION D'ESPACE*/
.le-fg:nth-child(1) {
    order: 1;
}

.le-fg:nth-child(2) {
    order: 2;
}

.le-fg:nth-child(3) {
    order: 4;
}

.le-fg:nth-child(4) {
    order: 3;
}

.bloc-espace .h2 {
    margin: 0.8em 0;
}

.bloc-espace p {
    margin: 0 0 1em;
}

/* TEST à voir si on le généralise */
#page-legroupe>div:nth-child(2)>div>div>div>.bloc-conseil>ul>li {
    padding-left: 1em;
    background: url(https://www.fileogroupe.coop/wp-content/themes/fileo-groupe/img/list.png) 0 10px no-repeat;
    padding: 0.5em 1em 0.3em;
    border-bottom: 1.4px solid #fff;
}

#page-legroupe>div:nth-child(2)>div>div>div>.bloc-conseil>ul>li:nth-child(1) {
    border-top: 1.4px solid #fff;
}

#page-legroupe>div:nth-child(2)>div>div>div>.bloc-conseil>ul {
    align-self: center;
    margin-bottom: 2em;
}

.intro-conseil {
    text-align: center;
    width: 70%;
    margin: auto;
    padding: 1em 0 2em;
    font-weight: 500;
}

.subtitle-conseil {
    text-align: center;
    margin: 2em 0 1em;
    background: url(https://www.fileogroupe.coop/wp-content/themes/fileo-groupe/img/puce-h3.png) top center no-repeat;
    padding-top: 2em;
}

.conseil-sec {
    padding-bottom: 2em;
}

.fg-intro {
    background: #f6f6f6;
}

.forma-section1 {
    background: #f6f6f6;
    padding: 2em 0;
}

.header-titre {
    text-align: center;
    font-size: 34px;
    font-weight: 300;
    text-transform: uppercase;
    color: #545454;
    margin-top: 0.5em;
}

.element-formation h2 {
    margin-bottom: 0;
}

.element-formation>ul>li,
.nivo2-ul li,
.nivo3-ul li {
    font-size: 1em;
}

.element-formation>ul>li {
    padding-left: 1.3em;
    padding-top: 1em;
    background: url(https://www.fileogroupe.coop/wp-content/themes/fileo-groupe/img/list.png) left 0.9em no-repeat;
}

.nivo2-ul li {
    margin-left: 3em;
    background: none;
    list-style-type: square;
}

.nivo3-ul li {
    margin-left: 5em;
    background: none;
    list-style-type: disc;
}

.element-formation,
.element-barlat {
    background: #fff;
    padding: 1em 1.5em;
}

.element-barlat {
    margin-bottom: 2em;
}

.barlat-button {
    margin-bottom: 1em;
}

.agilite {
    margin-top: 0;
}

.groupement {
    margin-top: 0;
}

#section-temoignage {
    padding: 2em 0;
    background: url(https://www.fileogroupe.coop/wp-content/themes/fileo-groupe/img/temoignage-formation.jpg) center center no-repeat;
    background-size: cover;
}

#section-temoignage h3 {
    color: #fff;
}

#section-temoignage p:nth-child(2) {
    color: #fff;
}

#section-temoignage p strong {
    color: #3D3D3D;
}

.agenda-fileo,
.ecs-event {
    display: none;
}

.agenda-formation {
    margin: 0.5em 0;
    display: block;
}

.agenda-formation p,
.agenda-formation p strong {
    margin: 0;
    color: #3D3D3D;
}

.dkpdf-button-container {
    text-align: center !important;
    background: #01AEBC;
    text-transform: uppercase;
    padding: 10px !important;
    font-weight: 600;
    margin-bottom: 1em;
}

.fa-file-pdf-o {
    color: #fff;
}

a.dkpdf-button:link,
a.dkpdf-button:visited {
    color: #fff;
}

/* SURPLUS DE POPUP CSS*/
.but {
    display: inline-flex;
    width: 100%;
}

.but a {
    width: 100%;
    padding: 18px 0 12px;
    text-align: center;
}

/* STYLE LE GROUPEMENT D'ENTREPRENEUR */
.groupement {
    height: 326px;
    background: url(https://www.fileogroupe.coop/wp-content/themes/fileo-groupe/img/groupement.jpg) no-repeat;
    background-size: cover;
    padding: 2em;
    margin-top: 3.66%;
    margin-bottom: 3.66%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 38%;
    flex: 0 0 38%;
    max-width: 38%;
}

.groupement>h2 {
    font-size: 30px;
    color: #fff;
    padding: 0;
    margin: 1.5em 0 1em;
}

/* STYLE SOLUTIONS D'AGILITÉ */
.agilite {
    height: 326px;
    background: url(https://www.fileogroupe.coop/wp-content/themes/fileo-groupe/img/solutions.jpg) no-repeat;
    background-size: cover;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.3%;
    flex: 0 0 58.3%;
    max-width: 58.3%;
    margin-bottom: 3.66%;
    margin-left: 3.66%;
    margin-top: 3.66%;
}

.agilite>div>div>h2 {
    font-size: 30px;
    color: #fff;
    padding: 0;
    margin: 1.5em 0 1em;
}

.agilite>div>.bloc-2>.butto-fg>h4>a {
    margin: 0.5em 0;
    width: 240px;
    display: block;
    padding: 0.8em 0.8em 0.5em;
}

#section-con seilformation>div>div>div.bloc2-3.agilite>div>div:nth-child(2)>div:nth-child(1) {
    margin-top: 2em;
}

.format {
    display: flex;
    margin-bottom: 10px;
}

.format .bloc2-3 {
    justify-content: center;
    display: flex;
    flex-direction: column;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media only screen and (min-width:432px) {}

@media only screen and (min-width:480px) {
    .header-titre {
        font-size: 48px;
    }
}

@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: 1025px) and (max-width: 1139px) {
     .agilite>div>.bloc-2>.butto-fg>h4>a {
        margin-left: -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) {}

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

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

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

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