/*-----------------*/
/* STRUCTURE */
/*-----------------*/
body.home #wrappersite {
    grid-template-areas:
        "header"
        "headerHome"
		"navprimary"
        "content"
		"reassurances"
		"prestations"
        "partenaires"
        "sections"
        "footer"
    ;
}

body.home.template_cv #wrappersite {
    grid-template-areas:
        "header"
        "headerHome"
		"navprimary"
        "content"
		"reassurances"
        "partenaires"
        "sections"
		"galleryHome"
		"footerMap"
        "footer"
    ;
}

/*-----------------*/
/* ELEMENTS */
/*-----------------*/
#info-toogle{box-shadow: none!important;}

/*-----------------*/
/* HEADER */
/*-----------------*/
#header{
    position: absolute;
    top: 0;
    left: 0;
    right:0;
}
#header-coordonnees {
    position: fixed;
    top: 0;
    right: -340px;
    width: 340px;
    height: 100%;
    min-height: 100%;
    padding: 70px 38px 65px;
    background-color: var(--black);
    overflow: hidden;
    visibility: hidden;
    overflow-y: scroll;
    z-index: 9998!important;
    transition: all .6s cubic-bezier(.77,0,.175,1)!important;
    text-align: left;
    box-shadow: 0 0 20px rgb(0 0 0 / 30%);
    line-height: 1.4;
    font-size: 15px;
    transform: none;
    left: auto;
    justify-content: center;
    opacity: 1;
    flex-direction: column;
}
body.is-toggle-open #header-coordonnees {
    right: 0;
    visibility: visible;
}
/*-----------------*/
/* NAVPRIMARY */
/*-----------------*/

/*-----------------*/
/* HEADERHOME */
/*-----------------*/

/*-----------------*/
/* CONTENT */
/*-----------------*/
.home #content .content-imgHome  .wp-block-column .wp-block-image a{height: 100%;}

.home #content .content-imgHome  .wp-block-column .wp-block-image img{
	height: 100%;
	object-fit:cover;
}
/*-----------------*/
/* PRESTATIONS */
/*-----------------*/
.home #prestations{/* background: var(--light-color); */}

#prestations .prestations-content{
    display: flex;
    --dist: 15px;
    align-items: center;
    justify-content: center;
    position: absolute;
    flex-direction: column;
    background-color: var(--white);
    text-align: center;
    left: var(--dist);
    top: var(--dist);
    right: var(--dist);
    bottom: var(--dist);
    padding: 30px 10px;
}
#prestations .bloc_prestations{position: relative;}
#prestations .prestations-content h2{
	font-size: 23px;
	text-transform: uppercase;
	font-family: var(--font-bold);
	margin-bottom: 10px;
}

/*-----------------*/
/* PARTENAIRES */
/*-----------------*/

/*-----------------*/
/* GALLERY HOME */
/*-----------------*/
body.template_cv #galleryHome{padding: 10px 0;}

/*-----------------*/
/* FOOTER */
/*-----------------*/
#footer{
	background: var(--title-color);
	display: flex;
	flex-direction: column;
}
#footerbloc{order: -1;}
#footerForm{z-index: 2;}

body:not(.template-contact-php) #footer #footerbloc {
	display: block;
	background-image: url(../../images/home-bg2.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 50px 15px;
}
#footer #footerbloc{display: block;}
#footer #footerbloc>.wrappercontent {
    align-items: center;
    justify-items: center;
    display: grid;
    grid-row-gap: 15px;
    grid-column-gap: 20px;
    transition: .6s;
    grid-template-areas: "infoadresseFooter infotelportFooter footerlogo infotelfixeFooter infoouvertureFooter";
    grid-template-columns: 1fr 1fr 160px 1fr 1fr;
    grid-template-rows: repeat(1,minmax(min-content,auto));
}
#footerLinks a {color: var(--white)}

.wrapperFooter {
    background: var(--white);
    box-shadow: 0px 0px 30px #1a1a2612;
    padding: 10px
}

.imgFooter {
    background: url(../../images/home-bg1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

@media(min-width: 481px){}

@media(min-width: 768px){
    /*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	.prestations-img { height: 100%;}
	.prestations-wrapper {
	    height: 500px;
	    position: relative;
	}
	/*-----------------*/
    /* PARTENAIRES */
    /*-----------------*/
	#partenaires {
		padding: 0 15px;
		margin-top: -80px;
	}
}

@media(min-width: 1025px){
	/*-----------------*/
    /* HEADER */
    /*-----------------*/
	#headerGrid{
		grid-template-areas:
			".           logo              infoToogle";
		grid-template-columns: 1fr 2fr 1fr;
		max-width: none;
		padding: 20px;
		justify-items: center;
	}
	#header-coordonnees > div{margin: 15px 0;}
	#info-toogle{
		display: flex;
		z-index: 99999;
		justify-self: flex-end;
	}

	/*-----------------*/
    /* HEADERHOME */
    /*-----------------*/
	#headerHome-content{padding: 100px 50px 20px;}
	
	/*-----------------*/
    /* CONTENT */
    /*-----------------*/
	.home #content .content-imgHome  .wp-block-column:first-child .wp-block-image{height: 160px;}
	.home #content .content-imgHome  .wp-block-column:last-child .wp-block-image{height: 350px;}
	.home #content .content-imgHome  .wp-block-column:last-child{grid-column: span 2;}
	
	/*-----------------*/
    /* NAVPRIMARY */
    /*-----------------*/
	#navprimary {
	    border-top: solid 1px rgb(168 168 168 / 20%);
	    background: #ffffff17;
	    padding: 10px;
	    position: absolute;
	    width: 100%;
	    top: -76px;
	    bottom: 0;
	    z-index: 10;
	    transition: top 0.4s;
	}
	.home #navprimary:not(.fixed-header) .navdown{
	    bottom: 100%;
	    top: auto;
	}
	
    /*-----------------*/
    /* PRESTATIONS */
    /*-----------------*/
	#prestations{padding: 0;}
	#prestations .widget_parentpage{
		max-width: 1700px;
		margin: 0 auto; 
	}
	.home #prestations{
		padding: 120px 30px;
		z-index: 2;
	}
    #prestations .bloc_prestations:first-of-type{margin-top: 80px;}
    #prestations .bloc_prestations:nth-child(3){margin-top: 150px;}
	
	.prestations-wrapper{
		/* height: 700px; */
	}

    #prestations .prestations-content .title-presta {
	    opacity: 0;
	    -webkit-transform: translate3d(0,30%,0);
	    transform: translate3d(0,30%,0);
    }
    #prestations .prestations-content .title-presta h2,
    #prestations .prestations-content .title-presta h3 {
	    font-size: 28px;
	    line-height: 1;
	    margin: 0;
	    margin-bottom: 20px;
	    letter-spacing: -0.5px;
    }
    #prestations .prestations-content{
	    padding: 30px 14px;
	    clip-path: inset(0 0 100% 0);
	    opacity: 1;
	    transition: .2s cubic-bezier(.48,.57,.33,.89);
	   --dist: 20px;
	}
	
    #prestations .prestations-content .tc_excerpt {
	     opacity: 0;
	     -webkit-transform: translate3d(0,30%,0);
	     transform: translate3d(0,30%,0);
	     font-size: 15px;
	     line-height: 1.6;
	     max-width: 600px;
	     margin: 0 auto;
	   }
  
    #prestations .prestations-content .liresuite {
	    opacity: 0;
	    transform: translate3d(100px, 0, 0);
	    transition: all 0.7s cubic-bezier(0.2, 1, 0.7, 1);
	    transition-property: transform, opacity;
    }
   

    @keyframes eltdfFadeInUp{
		0% {
		    opacity: 0;
		    -webkit-transform: translate3d(0,30%,0);
		    transform: translate3d(0,30%,0);
		}
		100% {
		    opacity: 1;
		    -webkit-transform: translate3d(0,0,0);
		    transform: translate3d(0,0,0);
		}
    }
    #prestations .bloc_prestations:hover .liresuite {
	    transition-delay: 0.6s;
	    opacity: 1;
	    transform: translate3d(0, 0, 0);
    }
    #prestations .bloc_prestations:hover .title-presta {
	    -webkit-animation: .4s eltdfFadeInUp forwards .3s;
	    animation: .4s eltdfFadeInUp forwards .3s;
    }
    #prestations .bloc_prestations:hover .prestations-content {
	    -webkit-clip-path: inset(0 0 0 0);
	    clip-path: inset(0 0 0 0);
	    -webkit-transition: .4s cubic-bezier(.48,.57,.33,.89);
	    -o-transition: .4s cubic-bezier(.48,.57,.33,.89);
	    transition: .4s cubic-bezier(.48,.57,.33,.89);
    }

    #prestations .bloc_prestations:hover .tc_excerpt {
	    -webkit-animation: .4s eltdfFadeInUp forwards .3s;
	    animation: 0.5s eltdfFadeInUp forwards 0.4s;
    }

	#prestations .prestations-icone{
		width: 90px;
		opacity: 0;
		transform: translate3d(-100px, 0, 0);
		transition: all 0.7s cubic-bezier(0.2, 1, 0.7, 1);
		transition-property: transform, opacity;
		margin-bottom: 20px;
	}
	#prestations .bloc_prestations:hover .prestations-icone {
	    transition-delay: 0.6s;
	    opacity: 1;
	    transform: translate3d(0, 0, 0);
	}

	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
	.wrapperFooter {
        margin-top: -125px;
        padding: 50px;
        width: 94%
    }
	body:not(.template-contact-php) #footer #footerbloc {
        padding: 120px 20px;
        padding-bottom: 250px
    }

    body:not(.template-contact-php) #footerLinks {padding: 40px 20px}
	
}

@media(min-width: 1281px){
	/*-----------------*/
    /* CONTENT */
    /*-----------------*/
	.home #content .content-imgHome  .wp-block-column:last-child .wp-block-image{height: 430px;}
	
	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
	 body:not(.template-contact-php) #footerLinks {padding: 70px 20px}
}

@media(min-width: 1481px){
}

@media(min-width: 1681px){
}

@media(max-width: 1680px){}

@media(max-width: 1480px){}

@media(max-width: 1280px){}

@media(max-width: 1024px){
	/*-----------------*/
    /* HEADER */
    /*-----------------*/
	#headerGrid {
	    grid-template-areas: "navprimary      logo     infoToogle";
	    grid-template-columns: 55px 1fr 55px;
	}
	#logo a{justify-content: center;}
    #header{top: 10px;}

	/*-----------------*/
    /* NAVPRIMARY */
    /*-----------------*/
	.ckmenu-nav {top: 80px;}

	/*-----------------*/
    /* PRESTATIONS */
    /*-----------------*/
	.widget_parentpage{grid-gap: 2px!important;}
	#prestations .prestations-content h2{font-size: 21px;}

	/*-----------------*/
    /* CONTENT */
    /*-----------------*/
	.home #content .content-imgHome{grid-gap: 10px;}
	.home #content > .wrappercontent{grid-gap: 10px;}
	.home #content .content-imgHome .wp-block-column .wp-block-image{height: 300px;}

	/*-----------------*/
    /* HOME HEADER */
    /*-----------------*/
	#headerHome-content{padding: 80px 20px 30px;}
	
	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
	.wrapperFooter {
	    padding: 70px 25px;
	    grid-gap: 0!important;
	}
	#footer #footerbloc>.wrappercontent {
	    grid-template-areas:
			"footerlogo             footerlogo              footerlogo          footerlogo" 
			"infoadresseFooter      infoouvertureFooter     infotelfixeFooter   infotelportFooter";
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-column-gap: 10px;
        grid-row-gap: 40px
	}
}

@media(max-width: 767px){
	
	/*-----------------*/
    /* HEADER */
    /*-----------------*/
	#header-coordonnees {
	    right: -250px;
	    width: 250px;
	    padding: 70px 18px 65px;
	}
	/*-----------------*/
    /* NAVPRIMARY */
    /*-----------------*/
	.ckmenu-nav {top: 67px;}

	/*-----------------*/
    /* PARTENAIRES */
    /*-----------------*/
	#partenaires{padding: 20px 15px;}

	/*-----------------*/
    /* CONTENT */
    /*-----------------*/
	.home #content .content-imgHome .wp-block-column .wp-block-image{height: 220px;}


	/*-----------------*/
    /* PRESTATIONS */
    /*-----------------*/
	.widget_parentpage{grid-gap: 15px!important;}
	.nohome #prestations{padding: 0;}
    .prestations-content .tc_excerpt{display: none;}
    .prestations-img { height: 300px;}
	
	#prestations .prestations-content h2{font-size: 24px;}
	.prestations-content .liresuite { margin-top: 10px;}

	/*-----------------*/
    /* ACTU */
    /*-----------------*/
	.thumbnail_slider {height: 250px;}

	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
	#footer #footerbloc>.wrappercontent {
	    grid-template-areas:
	        "footerlogo"
	        "infoadresseFooter"
	        "infoouvertureFooter"
	        "infotelfixeFooter"
	        "infotelportFooter";
	    grid-template-columns: 1fr;
	    grid-row-gap: 20px;
	}
	.wrapperFooter {padding: 40px 15px}
}

@media(max-width: 480px){}