/*** TEXTE INTRO ACCUEIL ***/

#content .hentry section .grosbloc #texte-intro{
padding-top: 40px;
}

/*** PADDING CONTENU AVANT FOOTER ***/

body.home .grosbloc#partenaires,
body #page-references .grosbloc{
padding-bottom: 30px;
}

body #page-expertises .grosbloc#exemple hr:before{
height: 0;
background-image: none;
}



/***** PAGE QUI SOMMES-NOUS *****/

body #page-quisommesnous #partenaires .partenaires{
padding-bottom:50px;
}

body #page-quisommesnous #partenaires .partenaires ul li{
list-style:none;
display:inline-block;
padding:0 5px;
}
body #page-quisommesnous #partenaires .partenaires ul li:first-letter{
text-transform:uppercase;
}
body #page-quisommesnous #partenaires .partenaires ul li:after{
content:", ";
}
/* body #page-quisommesnous #partenaires .partenaires ul li:before{
text-transform: none;
}
body #page-quisommesnous #partenaires .partenaires ul li:last-child:before{
content:"et ";
} */
body #page-quisommesnous #partenaires .partenaires ul li:last-child:after{
content:".";
}

/***** PAGE EXPERTISES *****/

body #page-expertises .grosbloc#exemple{
background: #efefef;
margin-top:70px;
}

/***** PAGE NOS REFERENCES *****/
body #page-references{
background: #efefef;
}

/*** GRILLE DE REFERENCES ***/
#content .hentry section .wp-grid-builder .commanditaires p{
text-align:left;
}
#content .hentry section .wp-grid-builder .commanditaires .commanditaires_logos{
display:flex;
margin-top:10px;
flex-wrap: wrap;
justify-content: flex-start;
}
#content .hentry section .wp-grid-builder .commanditaires .commanditaires_logos .logo,
#content .hentry section .wp-grid-builder .commanditaires .commanditaires_logos .logo a{

}
#content .hentry section .wp-grid-builder .commanditaires .commanditaires_logos .logo img{
height:70px !important;
width: auto;
}

/**** BANNIERE PAGE D'ACCUEIL ****/

#content .hentry section .grosbloc #banniere-intro {
background-color: #e7dc49;
display: block;
height: 400px;
position: relative;
}
#content .hentry section .grosbloc #banniere-intro .bandeau{
display:flex;
height: 400px;
background-image: url("../images/illustration-appui.png");
background-repeat:no-repeat;
background-position:right center;
background-size:contain;
transition: all 0.4s ease-in-out;
-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
}
#content .hentry section .grosbloc #banniere-intro .bandeau .mobile{
display:none;
}
#content .hentry section .grosbloc #banniere-intro .bandeau .texte{
width:35%;
padding: 0 0 0 160px;
display: grid;
justify-content: center;
align-items: center;
align-content: center;
}
#content .hentry section .grosbloc #banniere-intro .bandeau .texte p.titre{
text-align:center;
font-family:"capriola-bold";
letter-spacing:1px;
font-size:25px;
padding-bottom:25px;
}
#content .hentry section .grosbloc #banniere-intro .bandeau .texte p.soustitre{
text-align:center;
padding-bottom:25px;
}
#content .hentry section .grosbloc #banniere-intro .bandeau .texte img{
width:360px;
margin: 0 auto;
}

@media(max-width:1480px){
#content .hentry section .grosbloc #banniere-intro .bandeau{
background-position:110% center;
transition: all 0.4s ease-in-out;
-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
}
#content .hentry section .grosbloc #banniere-intro .bandeau .texte{
padding: 0 0 0 110px;
}
}
@media(max-width:1420px){
#content .hentry section .grosbloc #banniere-intro .bandeau{
background-position:130% center;
transition: all 0.4s ease-in-out;
-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
}
#content .hentry section .grosbloc #banniere-intro .bandeau .texte{
padding: 0 0 0 100px;
}
#content .hentry section .grosbloc #banniere-intro .bandeau .texte img{
width:320px;
}
}
@media(max-width:1320px){
#content .hentry section .grosbloc #banniere-intro .bandeau{
background-position:140% center;
transition: all 0.4s ease-in-out;
-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
}
#content .hentry section .grosbloc #banniere-intro .bandeau .texte{
padding: 0 0 0 80px;
}
#content .hentry section .grosbloc #banniere-intro .bandeau .texte img{
width:300px;
}
}
@media(max-width:1220px){
#content .hentry section .grosbloc #banniere-intro .bandeau{
background-position:150% center;
transition: all 0.4s ease-in-out;
-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
}
#content .hentry section .grosbloc #banniere-intro .bandeau .texte{
padding: 0 0 0 40px;
}
#content .hentry section .grosbloc #banniere-intro .bandeau .texte img{
width:280px;
}
}
@media(max-width:1110px){
#content .hentry section .grosbloc #banniere-intro .bandeau{
background-position:170% center;
transition: all 0.4s ease-in-out;
-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
}
#content .hentry section .grosbloc #banniere-intro .bandeau .texte{
padding: 0 0 0 20px;
}
#content .hentry section .grosbloc #banniere-intro .bandeau .texte img{
width:250px;
}
}
@media(max-width:1075px){
#content .hentry section .grosbloc #banniere-intro{
height:auto;
}
#content .hentry section .grosbloc #banniere-intro .bandeau{
background-image: none;
display:block;
position: relative;
height:auto;
}
#content .hentry section .grosbloc #banniere-intro .bandeau .mobile{
display:block;
width:100%;
}
#content .hentry section .grosbloc #banniere-intro .bandeau .mobile img{
display:block;
width:100%;	
}
#content .hentry section .grosbloc #banniere-intro .bandeau .texte{
display:block;
width:100%;
padding: 60px 0 40px 0;
}
#content .hentry section .grosbloc #banniere-intro .bandeau .texte img{
width:250px;
}
}


/*** BOUTON REFERENCES + EXPERTISES + QUI SOMMES-NOUS - PAGE D'ACCUEIL ****/

#content .hentry section .grosbloc #bouton-references{
/* margin-top: -72px; */
z-index: 9;
}
@media(min-width:500px){
#content .hentry section .grosbloc #bouton-references{
margin-top: -20px;
}
}
@media(min-width:560px){
#content .hentry section .grosbloc #bouton-references{
margin-top: -40px;
}
}
@media(min-width:600px){
#content .hentry section .grosbloc #bouton-references{
margin-top: -50px;
}
}
@media(min-width:700px){
#content .hentry section .grosbloc #bouton-references{
margin-top: -60px;
}
}

#content .hentry section .grosbloc #bouton-expertises{
margin-top: -72px;
z-index: 9;
}
#content .hentry section .grosbloc #bouton-expertises button a{
background: #424146;
}
#content .hentry section .grosbloc #bouton-quisommesnous button a{
background: #e7dc49;
color:#424146;
}

/*** TEXTE REFERENCES ***/

body.home #content .hentry section .grosbloc#references hr.separation{
margin: 0;
}

/*** LISTE VISUELLE CHAMPS D'INTERVENTION ***/

@media(min-width:907px){
#content .hentry section .grosbloc #listevisuelle-champsdintervention .une-ligne{
display:block;
}
#content .hentry section .grosbloc #listevisuelle-champsdintervention .deux-lignes,
#content .hentry section .grosbloc #listevisuelle-champsdintervention .cinq-lignes{
display:none;
}
}
@media(min-width:579px) and (max-width:906px){
#content .hentry section .grosbloc #listevisuelle-champsdintervention .une-ligne,
#content .hentry section .grosbloc #listevisuelle-champsdintervention .cinq-lignes{
display:none;
}
#content .hentry section .grosbloc #listevisuelle-champsdintervention .deux-lignes{
display:block;
}
#content .hentry section .grosbloc #listevisuelle-champsdintervention .deux-lignes ul.ligne2{
clear:both;
position: relative;
top: -10px;
}
}
@media(max-width:578px){
#content .hentry section .grosbloc #listevisuelle-champsdintervention .cinq-lignes{
display:block;
}
#content .hentry section .grosbloc #listevisuelle-champsdintervention .une-ligne,
#content .hentry section .grosbloc #listevisuelle-champsdintervention .deux-lignes{
display:none;
}
#content .hentry section .grosbloc #listevisuelle-champsdintervention .cinq-lignes ul li.alimentation{
display:block;
margin: 10px auto;
}
}

#content .hentry section .grosbloc #listevisuelle-champsdintervention ul{
display:block;
list-style:none;
justify-content: center;
align-content: center;
align-items: center;
flex-wrap: wrap;
margin:0;
padding:0;
}
#content .hentry section .grosbloc #listevisuelle-champsdintervention ul li{
display:inline-block;
background:#e7dc49;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
padding: 10px;
margin: 10px;
width:120px;
height:120px;
}
#content .hentry section .grosbloc #listevisuelle-champsdintervention ul li span{
position:relative;
top: -10px;
font-size:16px;
}
#content .hentry section .grosbloc #listevisuelle-champsdintervention ul li.alimentation{
width:170px;
height:170px;
}
#content .hentry section .grosbloc #listevisuelle-champsdintervention ul li.alimentation span{
font-size:19px;
}
#content .hentry section .grosbloc #listevisuelle-champsdintervention ul li span:before{
content:"";
display: block;
position:relative;
width: 100%;
height: 70%;
top: 15px;
background-repeat:no-repeat;
background-position:center center;
background-size:contain;
}
#content .hentry section .grosbloc #listevisuelle-champsdintervention ul li.emploi span:before{
background-image: url("../images/picto_emploi.svg");
}
#content .hentry section .grosbloc #listevisuelle-champsdintervention ul li.education span:before{
background-image: url("../images/picto_education.svg");
}
#content .hentry section .grosbloc #listevisuelle-champsdintervention ul li.alimentation span:before{
background-image: url("../images/picto_alimentation.svg");
}
#content .hentry section .grosbloc #listevisuelle-champsdintervention ul li.habitat span:before{
background-image: url("../images/picto_habitat.svg");
}
#content .hentry section .grosbloc #listevisuelle-champsdintervention ul li.culture span:before{
background-image: url("../images/picto_culture.svg");
}


/*** LISTE VISUELLE EXPERTISES ***/

#content .hentry section .grosbloc #listevisuelle-expertises ul{
display:flex;
flex-wrap: wrap;
list-style:none;
justify-content: center;
align-content: center;
align-items: center;
margin:0;
padding:0;
}
#content .hentry section .grosbloc #listevisuelle-expertises ul li{
padding: 30px 20px 20px 20px;
height:260px;
margin: 0;
display: grid;
/* min-width:250px; */
box-sizing: border-box;
}
@media(min-width:998px){
#content .hentry section .grosbloc #listevisuelle-expertises .plusieurs-lignes ul{
display:none;
}
#content .hentry section .grosbloc #listevisuelle-expertises ul li{
width:20%;
}
}
#content .hentry section .grosbloc #listevisuelle-expertises ul li.accompagnement,
#content .hentry section .grosbloc #listevisuelle-expertises ul li.portage{
background-color:#e7dc49;
}
#content .hentry section .grosbloc #listevisuelle-expertises ul li.etudes,
#content .hentry section .grosbloc #listevisuelle-expertises ul li.animation{
background-color: #d9a49c;
background-image:url("../images/bg-texture.png");
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
}
#content .hentry section .grosbloc #listevisuelle-expertises ul li.impulsion{
background: #ff003e;
color:#fff;
}
#content .hentry section .grosbloc #listevisuelle-expertises ul li span{
position:relative;
font-family:"capriola-bold";
letter-spacing:1px;
font-size:16px;
line-height: 1.5em;
}
#content .hentry section .grosbloc #listevisuelle-expertises ul li span:after{
content:"";
display: block;
position:relative;
height: 55%;
top: 7%;
background-repeat:no-repeat;
background-position:center center;
background-size:contain;
}
#content .hentry section .grosbloc #listevisuelle-expertises ul li.accompagnement span:after{
background-image: url("../images/picto_accompagnement.svg");
}
#content .hentry section .grosbloc #listevisuelle-expertises ul li.etudes span:after{
background-image: url("../images/picto_etudes.svg");
}
#content .hentry section .grosbloc #listevisuelle-expertises ul li.impulsion span:after{
background-image: url("../images/picto_impulsion.svg");
}
#content .hentry section .grosbloc #listevisuelle-expertises ul li.portage span:after{
background-image: url("../images/picto_portage.svg");
}
#content .hentry section .grosbloc #listevisuelle-expertises ul li.animation span:after{
background-image: url("../images/picto_animation.svg");
}

@media(max-width:997px){
#content .hentry section .grosbloc #listevisuelle-expertises .une-ligne ul{
display:none;
}
#content .hentry section .grosbloc #listevisuelle-expertises ul li{
flex-grow: 1;
min-width: 250px;
}
}
@media(min-width:768px) and (max-width:997px){
#content .hentry section .grosbloc #listevisuelle-expertises ul li.animation{
background-color:#e7dc49;
background-image:none;
}
#content .hentry section .grosbloc #listevisuelle-expertises ul li.portage{
background-color: #d9a49c;
background-image:url("../images/bg-texture.png");
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
}
}
@media(max-width:768px){
#content .hentry section .grosbloc #listevisuelle-expertises ul li{
width: 100%;
height:auto;
padding:30px 30px 40px 30px;
}

#content .hentry section .grosbloc #listevisuelle-expertises ul li.animation{
background: #ff003e;
color:#fff;
background-image:none;
}
#content .hentry section .grosbloc #listevisuelle-expertises ul li span:after{
height: 100px;	
}
#content .hentry section .grosbloc #bouton-expertises{
margin-top: -20px;
}
}


/*** TEXTE EXPERTISE ***/

#content .hentry section .grosbloc #texte-expertises{
padding-bottom:50px;
}

/*** PAGE EXPERTISE ***/

#content .hentry section .grosbloc #titre-accompagnement h2,
#content .hentry section .grosbloc #titre-etudes h2,
#content .hentry section .grosbloc #titre-impulsion h2,
#content .hentry section .grosbloc #titre-portage h2,
#content .hentry section .grosbloc #titre-animation h2{
margin-top:120px;	
padding: 23px 30px 25px 30px;
}
#content .hentry section .grosbloc #titre-accompagnement h2,
#content .hentry section .grosbloc #titre-portage h2{
background: #e7dc49;
}
#content .hentry section .grosbloc #titre-impulsion h2{
background: #ff003e;
color: #fff;
}
#content .hentry section .grosbloc #titre-etudes h2,
#content .hentry section .grosbloc #titre-animation h2{
background-color: #d9a49c;
background-image: url("../images/bg-texture.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
#content .hentry section .grosbloc #titre-accompagnement h2:before,
#content .hentry section .grosbloc #titre-etudes h2:before,
#content .hentry section .grosbloc #titre-impulsion h2:before,
#content .hentry section .grosbloc #titre-portage h2:before,
#content .hentry section .grosbloc #titre-animation h2:before{
display:block;
margin:auto;
height: 120px;
width: 190px;
padding: 20px 20px 0 20px;
border-radius: 60px 60px 0 0;
-webkit-border-radius: 60px 60px 0 0;
-moz-border-radius: 60px 60px 0 0;
top: -30px;
position: relative;
}
#content .hentry section .grosbloc #titre-accompagnement h2:before{
content:url("../images/picto_accompagnement.svg");
}
#content .hentry section .grosbloc #titre-etudes h2:before{
content:url("../images/picto_etudes.svg");
}
#content .hentry section .grosbloc #titre-impulsion h2:before{
content:url("../images/picto_impulsion.svg");
}
#content .hentry section .grosbloc #titre-portage h2:before{
content:url("../images/picto_portage.svg");
}
#content .hentry section .grosbloc #titre-animation h2:before{
content:url("../images/picto_animation.svg");
}

@media(min-width:600px){
#content .hentry section .grosbloc #titre-accompagnement h2,
#content .hentry section .grosbloc #titre-etudes h2,
#content .hentry section .grosbloc #titre-impulsion h2,
#content .hentry section .grosbloc #titre-portage h2,
#content .hentry section .grosbloc #titre-animation h2{
margin-top:200px;	
}
#content .hentry section .grosbloc #titre-accompagnement h2:before,
#content .hentry section .grosbloc #titre-etudes h2:before,
#content .hentry section .grosbloc #titre-impulsion h2:before,
#content .hentry section .grosbloc #titre-portage h2:before,
#content .hentry section .grosbloc #titre-animation h2:before{
height: 100px;
width: 160px;
padding: 20px 20px 10px 20px;
top: -120px;
position: absolute;
left: 35%;
right: 35%;
}
#content .hentry section .grosbloc #titre-accompagnement h2:before,
#content .hentry section .grosbloc #titre-portage h2:before{
background: #e7dc49;
}
#content .hentry section .grosbloc #titre-etudes h2:before,
#content .hentry section .grosbloc #titre-animation h2:before{
background-color: #d9a49c;
background-image: url("../images/bg-texture.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
#content .hentry section .grosbloc #titre-impulsion h2:before{
background: #ff003e;
color: #fff;
}
}




/*** PHOTOS-TEXTES PRESENTATION ***/

#content .hentry section .grosbloc #photostextes-presentation>div{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content: space-between;
align-items: stretch;
}
#content .hentry section .grosbloc #photostextes-presentation>div .col{
background-repeat:no-repeat;
background-position:center bottom;
background-size:cover;
padding:0 0 300px 0;
width: 33.3%;
display: grid;
align-items: stretch;
align-content: stretch;
}
#content .hentry section .grosbloc #photostextes-presentation>div .col p{
background:rgba(0,0,0,0.7);
color:#fff;
display:block;
font-size:16px;
padding:20px;
min-height: 45px;
}

@media(max-width:670px){
#content .hentry section .grosbloc #photostextes-presentation>div{
display: block;
}
#content .hentry section .grosbloc #photostextes-presentation>div .col{
width: 100%;
}
}


/*********** REGLAGES DE LA PARTIE EXPERTISES EN HOMEPAGE ***********/

body.home hr.separation{
margin: 27px 0 20px 0;
}
body.home hr.separation:before{
display:none;
}


/*********** REGLAGES DE LA PARTIE ASSOCIATION EN HOMEPAGE ***********/

body.home #content .hentry section .grosbloc#quisommesnous img{
width: 250px;
}


/*********** REGLAGES DE LA PARTIE PARTENAIRES EN HOMEPAGE ***********/

body.home #content .hentry section .bloc#titre-partenaires{
border-top:1px solid #000;
text-align: center;
max-width: 96%;
margin: 0 auto 20px auto;
}
body.home #content .hentry section .bloc#titre-partenaires p{
background: #fff;
top: -15px;
display: inline;
text-align: center;
}
body.home #content .hentry section .bloc#partenaires .wpgb-card-media-thumbnail a div{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: grayscale(100%);
}

body.home #content .hentry section .bloc#partenaires{
margin-bottom: 40px;
}




/*** REGLAGES GRILLE MEMBRES PAGE QUI-SOMMES-NOUS ***/


#page-quisommesnous #content .grid{
padding: 0;
width: 100%;
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
margin: 0 auto;
flex-direction: row;
align-content: stretch;
justify-content: center;
align-items: stretch;
}
#page-quisommesnous #content .grid .grid-item{
flex-grow: 0;
background: #000;
margin: 10px;
width: 150px;
position: relative;
background-color:#f2f2f2;
list-style:none;
padding: 18px 20px 20px 20px;
}
#page-quisommesnous #content .grid .grid-item figure{
width: 100%;
position: relative;
box-sizing: border-box;
padding: 0;
margin: 0;
height: 140px;
}
#page-quisommesnous #content .grid .grid-item figure div{
height: 150px;
width: 150px;
background-size: cover;
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
}
#page-quisommesnous #content .grid .grid-item a{
text-decoration:none;
}
#page-quisommesnous #content .grid .grid-item p{
line-height:1.2;
padding-bottom:10px;
}
#page-quisommesnous #content .grid .grid-item p.nom{
font-size:17px;
padding: 0 0 15px 0;
}
#page-quisommesnous #content .grid .grid-item p.fonction{
font-size:13px;
padding: 25px 0 0 0;
}


/*** REGLAGES WPGRIDBUILDER CAROUSEL PARTENAIRES ***/

#content .wp-grid-builder .wpgb-card-6 .wpgb-card-media-thumbnail div{
background-size: contain;
}


