/*
	Theme Name: Filéo Groupe
	Theme URI: https://alencrebleue.com
	Description: Filéo Groupe
	Version: CSS/SURVOL
	Author: A l'Encre bleue
	Author URI: https://alencrebleue.com

*/

/********* Superposition simple de img-hove sur une image *******/
/* Conteneur principal */
.overlay-image {
 position: relative;
 width: 100%;
}
/* img-hove original */
.overlay-image .img-hov {
    color: #fff;
    line-height: 1.5em;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media only screen and (min-width:320px) and (max-width: 1024px){
.overlay-image .image {
    margin-bottom: 4%;
}
.overlay-image .img-hov {
    font-size: 12px;
    left: 50%;
}
.hover{
    display: none;
}
}
@media only screen and (min-width:432px) {

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

}
@media only screen and (min-width:600px) {
.overlay-image .img-hov {
    font-size: inherit;
}
}
@media only screen and (min-width:720px) {

}
@media only screen and (min-width:768px) {
.overlay-image .image {
    margin-bottom: 1em;
}
}
@media only screen and (min-width:800px) {
.overlay-image .image {
    margin-bottom: 1.6em;
}
}
@media screen and (min-width: 481px) and (max-width: 991px) {
	
}
@media only screen and (min-width: 1025px){ 
	
}	
@media screen and (min-width: 1024px) {
.appel-conseil {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.vignette-conseil {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
    max-width: 49%;
}
.vignette-conseil:nth-child(2), .vignette-conseil:nth-child(4){
    margin-left: 2%;
}
.appel-formation{
    background: #2DB7BF;
    padding: 1.1em;
}
.appel-formation h3 {
    color: #fff;
    margin: 1.2em 0;
}
.butto-fg a {
    background: #ffff;
    color: #3D3D3D;
    padding: 0.5em 1em 0.3em;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
}
.butto-fg{
    padding: 0.5em 0;
}
.conseils{
	padding-right: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.3%;
    flex: 0 0 58.3%;
    max-width: 58.3%;
    margin-right: 3.66%;
}
.formations{
    padding-left: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 38%;
    flex: 0 0 38%;
    max-width: 38%;
}
/********* Superposition simple de img-hove sur une image *******/
/* Conteneur principal */
.overlay-image {
 position: relative;
 width: 100%;
}
/* Image originale */
.overlay-image .image {
    display: block;
    width: 340px;
    height: 200px;
    margin-bottom: 0.8em;
}
/* img-hove original */
.overlay-image .img-hov {
    font-size: 18px;
    left: 47%;
}
/* img-hove original */
.overlay-image .img-hov-hov {
    color: #fff;
    font-size: 18px;
    line-height: 1.5em;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    position: absolute;
    top: 75%;
    left: 47%;
    transform: translate(-47%, -50%);
}
/********* Hover image et img-hove *******/
/* Overlay */
.overlay-image .hover {
 position: absolute;
 top: 0;
 height: 100%;
 opacity: 0;
 transition: .5s ease;
}
/* Apparition overlay sur passage souris */
.overlay-image:hover .hover {
 opacity: 1;
}
/********* Hover background et img-hove uniquement *******/
.overlay-image .normal {
 transition: .5s ease;
}
.overlay-image:hover .normal {
 opacity: 0;
}
.overlay-image .hover {
 background-color: rgba(0,0,0,0.5);
}
}
@media screen and (min-width: 1024px) and (max-width:1140px) {
.overlay-image .image {
    /* max-height: 150px; */
}
.overlay-image .img-hov {
    left: 50%;
}
.appel-formation h3 {
    margin: 0.5em 0;
}
}
@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) {
}