.columnGap20{
    margin-top: 100px;
}

.columnGap20 .column{
    width: calc(25% - 2px) !important;
    margin-left: 1px; 
    margin-right: 1px;
}

.columnGap20 .column:first-child{
margin-left: 0px!important;
}

.columnGap20 .column:last-child{
margin-right: 0px!important;
}

@media screen and (max-width: 767px) {
    .columnGap20{
        margin-top: 20px;
    }

    .columnGap20 .column{
        width: 100%!important;
        margin-left: 0px; 
        margin-right: 0px;
        margin-bottom: 15px;
    }

}

.imageValeur img{
width: 80px!important;
height: 80px!important;
}

.responsive1000Only{
display: none;
}

@media only screen and (max-width: 1000px) and (min-width: 768px) {
    .columnGap20 .column{
        width: 50%!important;
        margin-left: 0px; 
        margin-right: 0px;
        margin-bottom: 15px;
    }
}

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

.mobile_menu{
padding-left: 15px;
    width: calc(100% - 15px);
}
#containerAssocies .paddingLeft0 > .vc_column-inner {
    padding-left: 15px !important;
}


.responsive1000None{
display: none;
}

.responsive1000Only{
display: block;
}


.responsive1000Full{
width: 100%;
}

.responsive1000Moitie{
width: 50%;
}

.responsive1000Moitie .q_counter_holder.left{
text-align: center!important; 
}

}

@media only screen and (max-width: 767px) {
.responsive1000Moitie{
width: 100%;
}

.responsive1000Moitie > div > div.wpb_wrapper{ 

    display: flex;
    flex-wrap: wrap;
    margin: auto;
    text-align: center;
    justify-content: center;
}

.responsive1000Moitie .q_counter_holder.left{
width: 180px;
margin-left: 10px;
margin-right: 10px;
}

#containerIconesValeurs > div > div{
display: flex;
}
}

@media only screen and (max-width: 600px) {
#containerIconesValeurs > div > div{
display: flex;
flex-wrap: wrap;
}

#containerIconesValeurs > div > div > div{
margin-top: 15px!important;
}
}


/*** header ***/
#headerAccueil{
    height: 90vh!important;
    display: flex;
    align-items: center;
    background-image:  url(/wp-content/uploads/2024/11/Group-2-1.png);
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.esperluetteOrange{
  overflow: hidden;
position: relative;
}

.esperluetteOrange::before {
  content: "";
  position: absolute;
    bottom: -15%;
    left: 80%;
    width: 130%;
    height: 130%;
  opacity: 0.6;
    background-image: url(/wp-content/uploads/2024/11/7.svg);
    background-repeat: no-repeat;
background-size: contain;
    filter: contrast(125%);
}

#headerAccueil::before{
  content: "";
  position: absolute;
bottom:0;
    left: 50%;
    width: 180%;
    height: 180%;
  opacity: 0.75;
    background-image: url(/wp-content/uploads/2024/10/esperluette-hero-orange.svg);
    background-repeat: no-repeat;
background-size: contain;
    filter: contrast(150%);
}

#headerAccueil::after {
  content: "";
  position: absolute;
top: -20%;
    left: 65%;
    width: 150%;
    height: 150%;
    opacity: 0.5;
  opacity: 0.5;
  background-image: url(/wp-content/uploads/2024/10/esperluette-hero-grey.svg);
background-repeat: no-repeat;
background-size: contain;
    filter: brightness(25%);
}

#headerRecrutement{
    height: 65vh!important;
min-height: 600px;
    display: flex;
    align-items: center;
    background-image:  url(/wp-content/uploads/2024/11/Group-2-1.png);
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

#headerRecrutement::before {
  content: "";
  position: absolute;
bottom:0;
    left: 72%;
    width: 160%;
    height: 160%;
  opacity: 0.75;
    background-image: url(/wp-content/uploads/2024/10/esperluette-hero-orange.svg);
    background-repeat: no-repeat;
background-size: contain;
    filter: contrast(150%);
}

#headerRecrutement::after {
  content: "";
  position: absolute;
top: -5%;
    left: 82%;
    width: 120%;
    height: 120%;
    opacity: 0.5;
  opacity: 0.5;
  background-image: url(/wp-content/uploads/2024/10/esperluette-hero-grey.svg);
background-repeat: no-repeat;
background-size: contain;
    filter: brightness(25%);
}


#sloganAccueil{
    line-height: 36px;
    display: flex; 
    justify-content: space-between; 
    font-size: 30px; 
    font-family: 'AntagometricaBT-light'; 
    align-items: center;
flex-wrap: wrap;
}

@media screen and (max-width: 735px){
  #sloganAccueil{
    font-size: 20px; 
    }  
    
}

/*********
Page d'un article
*********/
/*
Image de l'article
*/
.blog_holder article .post_image, .blog_holder article .post_image img{
width:auto;
float:left;
padding:15px 15px 15px 0px;
}

/*
Titre de l'article
*/
article .titre-article{
    font-family: 'OpenSans-semi-bold';
}

/*
catégorie
*/
article .entry_categorie{ 
    font-size:22px !important;
    padding-top:83px;
}

article .entry_categorie a{
    color:#e94f2d !important;
    font-family: 'OpenSans-semi-bold';
    text-transform: uppercase;
}

/* 
Soulignement du titre
*/
article .souligne{
    border-top:3px solid #e94f2d;
    width:30px;
}
/*
Header d'un article
*/
#header_template_article{
    background-image: url(https://www.angel-associes.fr/wp-content/uploads/2017/03/Visuel-Fond-ESPACE-CLIENT.png?id=444) !important;
    margin-top: 16px;
}

#header_template_article .separator-size{
width:5%;
margin-left:47%;
margin-bottom:30px;
}

#header_template_article .text-se-deconnecter{
margin-top:30px;
}

#header_template_article h2{
margin-top:30px;
}

/*********
FONT
*********/
@font-face {
    font-family: 'AntagometricaBT';
    src: url('wp-content/themes/bridge/fonts/AntagometricaBT-Regular.otf');
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'AntagometricaBT-light';
    src: url('wp-content/themes/bridge/fonts/AntagometricaBTLight-Regular.otf');
    font-weight: normal;
    font-style: normal; }
	
@font-face {
    font-family: 'OpenSans-Regular';
    src: url('wp-content/themes/bridge/fonts/OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'OpenSans-semi-bold';
    src: url('wp-content/themes/bridge/fonts/OpenSans-Semibold.ttf') format('truetype');
    font-weight: 400;
    font-style: normal; }

/*********
SLIDER
*********/
/*
Font du test
*/
.q_slide_text{
font-family: 'AntagometricaBT-light';
}

/*********
MENU TOP
*********/
/*
Cacher la barre au dessus du menu
*/
.header_top{
display:none;
}
/*
Pas de bordure sur le menu
*/

@media only screen and (max-width: 1200px)  {
header.fixed, .header_inner, .header_bottom{
height: 100px;
}

}

.header_bottom{
border:none;
display: block!important;
padding: 0!important;
width: 100%!important;
}

.header_inner_left{

}



/*
Font du menu
*/
.main_menu{
/*font-family: 'OpenSans-Regular';*/
font-family: AntagometricaBT-light';
font-size: 18px;
font-weight: 300;
line-height: 21.62px;
text-align: center;
text-transform: none !important;
}

.main_menu a{
font-family: 'AntagometricaBT-light';
font-size: 18px;
font-weight: lighter;
line-height: 21.62px;
text-align: center;
text-transform: none !important;
}
/* 
Font orange sur grand format ecran
*/
@media screen and (min-width: 1001px){
.menu_espace_client{
background-color:#e74f36;
border-radius: 10px 0px 10px 0px;
}
}

/* 
Mettre en orange le picto Devis
*/
.menu_devis i{
color: white;
font-size: 38px;
margin-top: 5px;
float: left;
}


/*********
FORM CONTACT
*********/

#containerSubmitBoutonFormContact{
display: flex; 
justify-content: flex-end;
}

@media screen and (max-width: 459px) {
#containerSubmitBoutonFormContact{
display: flex; 
justify-content: center;
}
}


#formContact p{
margin: 0!important;
}

#formContact .wpcf7-spinner{
display: none;
}

#formContact .ligneInput{
width: calc(50% - 5px);
}

#formContact textarea, #formContact input{
border:none!important;
min-height: 45px;
color:#303030;
font-family: 'OpenSans-Regular';
padding: 15px;
margin: 0!important;
}

#formContact input[type="checkbox"]{
min-height: unset!important;
}

.caseForm > span{
margin-left: 0;
}

.caseForm label{
display: flex;
 align-items: baseline;
}

#formContact .caseForm input[type="checkbox"]{
 margin: 0 15px 0 0 !important;
position: relative;
}

#formContact .caseForm input[type="checkbox"]:before{
content: '';
height: 13px;
width: 13px;
top: 0;
left: 0;
z-index: 1;
background-image: url(/wp-content/uploads/2024/11/Rectangle-153.svg);
background-size: cover;
position:  absolute;
}

#formContact .caseForm .active:before{
opacity: 0;
}

#formContact textarea{
height: 148px;
}

#formContact input[type="submit"]{
font-family: 'AntagometricaBT-light';
font-size: 18px;
font-weight: 300;
line-height: 21.62px;
text-align: center;
color: white;
background: #E74F36;
padding: 0px 22px;
border: 1px solid #E74F36;
border-radius : 10px 0;
min-height: unset!important;
text-transform: unset!important;
height: 44px;
}

.wpcf7-response-output{
max-width:580px;
}

/*********
FORM DE DEVIS
*********/
/* Ne pas afficher les erreus */
.parsley-required{
display:none;
}