/*****RESPONSIVE*****/
/*-------------------[1920px]------------------*/
@media only screen and ( max-width: 1920px ) {

}

/*-------------------[1440px]------------------*/
@media only screen and ( max-width: 1440px ) {
	
}

/*-------------------[1366px]------------------*/
@media only screen and ( max-width: 1366px ) {

	
}

/*-------------------[1080px]------------------*/
@media only screen and (max-width: 1080px){

	
	
}


/*-------------------[1024px]------------------*/
@media only screen and (max-width: 1024px){

.metier-liste.team {
   padding: 100px !important;
}
		
	
}

/*-------------------[980px]------------------*/
@media only screen and (max-width: 980px) {
header.navigation {
    padding-top: 0 !important;
}    
img.custom-logo {
    width: 150px;
    position: relative;
    top: 5px;
    left: 1rem;
}
nav.navbar.navbar-expand-lg {
    display: block;
    width: 100%;
}		
button.navbar-toggler {
    position: relative;
    float: right;
    top: 10px;
    right: 2rem;
}
.navigation .dropdown-menu.show {
    display: block;
    position: relative;
    background: #f5f5f5;
	border: none !important;
	margin-top: 0 !important;
}
.navbar-nav {
    background: #fff;
    border-top: 2px solid #d6d6d6;
    position: relative;
    top: 15px;
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}	
.navbar-expand-lg .navbar-nav .nav-link {
    border-bottom: 1px solid #80808069;
}
.navigation .dropdown-item {
    border: none !important;
	padding: 0 !important;
}
.container {
    max-width: 100% !important;
	padding: 0;
}
	.section {
    padding: 24px !important;
}

.wp-block-columns.margin-big {
    padding: 0 70px !important;
}
.wp-block-columns.margin-big .wp-block-image img {
    width: 100% !important;
}
.text-bloc-shadow {
    width: 80% !important;
    margin: 0 auto;
}
	
	
	}

/*-------------------[768px]------------------*/
@media only screen and (max-width: 768px) {
    .navigation .container-fluid {
        padding: 0;
    }
    .navbar {
        display: block;
        width: 100%;
        padding: 10px 0;
    }
    .navbar-toggler:focus {
        outline:none;
    }  
	.content-col-metier.col-2-metier {
		width: 100% !important;
		margin: 0 auto;
	}
.banniere {
    min-height: 90vh !important;
}	
.titre-banniere {
    font-size: 45px !important;
}
h2 {
    font-size: 30px !important;
}	
.wp-block-image.member-photo {
    height: 250px;
}	
.team .member-photo img {
    height: 250px !important;
}	

/*page-metier*/
	
    .text-bloc-shadow.left-bloc-shadow, .text-bloc-shadow.right-bloc-shadow {
        max-width: 100%;
        width: 100% !important;
        box-shadow: none !important;
        padding: 0 !important;
		transform: none !important;
    }
.wp-block-columns.margin-big.pd-t-70.invers-tablet {
    flex-direction: column-reverse;
}

.margin-big .wp-block-column:not(:first-child) {
    margin-left: 0;
}
.metier-liste.team .mt-5  {
    margin-top: 0rem!important;
}
	.team .team-member {
    margin-bottom: 1.75em;
}
.metier-liste.team .wp-block-columns.container {
    margin-bottom: 0;
}
.contact-us.wp-contact .container {
    max-width: 100%;
}
/*page-metier*/	
	
	
	
}

/*-------------------[767px]------------------*/
@media only screen and (max-width: 767px) {
.wp-block-cover, .wp-block-cover-image, .fullwidth {
    margin-left: 0;
    width: 100%!important;
}
.text-bloc-shadow.left-bloc-shadow, .text-bloc-shadow.right-bloc-shadow {
    max-width: 100%;
}
.left-bloc-shadow, .right-bloc-shadow {
    box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 21%);
}
.margin-big .wp-block-column:not(:first-child) {
    margin-left: 0;
}
	.wp-block-columns.margin-big.inverse-mobile {
    display: flex;
    flex-direction: column;
}
	.wp-block-columns.margin-big.pd-t-70.invers-tablet {
    flex-direction: column-reverse;
}
.metier-liste.team .mt-5  {
    margin-top: 0rem!important;
}
.team .team-member {
    margin-bottom: 1.75em;
}
.metier-liste.team .wp-block-columns.container {
    margin-bottom: 0;
}
	.parallax {
		padding: 0 15px !important;
	}
}

/*-------------------[600px]------------------*/
@media only screen and (max-width: 600px) {	
.banniere {
    min-height: 80vh !important;
}
		
.titre-banniere {
    font-size: 40px !important;
}
	span.span-titre-banniere {
    font-size: 18px !important;
}
h2 {
    font-size: 28px !important;
}	
p.has-text-align-center.has-medium-font-size {
    font-size: 16px !important;
}
	
.metier-liste.team {
    padding: 75px !important;
}
.wp-block-group {
    padding: 0 35px !important;
}
.wp-block-columns.margin-big {
    padding: 0 35px !important;
}	
	
 }



/*-------------------[499px]------------------*/
@media only screen and ( max-width: 499px ) {
    img.custom-logo {
        left: 0.5rem !important;
    }    
    .mob-column-reverse {
        flex-direction: column-reverse;
    }
    .section-sm {
        padding:0;
    }
    .top-footer .col-sm-3 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/*-------------------[425px]------------------*/
@media only screen and ( max-width: 425px ) {
.banniere {
    min-height: 60vh !important;
}
.titre-banniere {
    font-size: 35px !important;
}
h2 {
    font-size: 25px !important;
}
p {
    font-size: 15px !important;
}
	
.metier-liste.team {
    padding: 60px !important;
}
.wp-block-image.member-photo {
    height: 200px;
}	
.team .member-photo img {
    height: 200px !important;
}	
	
	
	
 }


/*-------------------[414px]------------------*/
@media only screen and ( max-width: 414px ) {

}

/*-------------------[375px]------------------*/
@media only screen and ( max-width: 375px ) {
span.span-titre-banniere {
    font-size: 14px !important;
}
.wp-block-image.member-photo {
    height: 150px;
}	
.team .member-photo img {
    height: 150px !important;
}	
	.metier-liste.team {
    padding: 50px !important;
}
	
}

/*-------------------[360px]------------------*/
@media only screen and ( max-width: 360px ) {
	.parallax {
    padding: 0 15px !important;
}

}

/*-------------------[320px]------------------*/
@media only screen and ( max-width: 320px ) {
.titre-banniere {
   font-size: 20px !important;
}
h2 {
   font-size: 22px;
}
.wp-block-image.member-photo {
    height: 120px;
}	
.team .member-photo img {
    height: 120px !important;
}
	.metier-liste.team {
    padding: 55px !important;
}
.team .team-member .member-content{
	font-size: 14px !important;
}
	
 }



/*****RESPONSIVE*****/