/*-----------------*/
/* STRUCTURE */
/*-----------------*/
body.home #wrappersite {
    grid-template-areas:
        "header"
        "headerHome"
		"navprimary"
        "content"
		"news"
		"prestations"
		"reassurances"
        "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; */}


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

/*-----------------*/
/* 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;
}
/*-----------------*/
/* SECTIONS */
/*-----------------*/

/*-----------------*/
/* REASSURANCES */
/*-----------------*/
#reassurances{
	background-image: url(../../images/home-bg2.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#reaCenter {
    --size: 300px;
    grid-row: span 2;
    background: url(../../images/home-bg4.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: var(--size);
    height: var(--size);
    /* border-radius: 50%; */
    margin: 0 auto;
}
.picto-container {display: grid;}
.picto-container li h3{
	color: var(--white);
}
.picto-container li p{
	text-transform: uppercase;
	font-family: var(--font-bold);
	letter-spacing: 0.5px;
	color: #c1c1c1;
}
/*-----------------*/
/* 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 infoouvertureFooter";
    grid-template-columns: 1fr 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: 600px;
	    position: relative;
	}
	/*-----------------*/
    /* PARTENAIRES */
    /*-----------------*/
	#partenaires {
		padding: 0 15px;
		margin-top: -80px;
	}
	/*-----------------*/
    /* REASSURANCES */
    /*-----------------*/
	#reassurances {padding-bottom: 150px;}
}

@media(min-width: 1025px){
	

	/*-----------------*/
    /* REASSURANCES */
    /*-----------------*/
	#reassurances {/* padding-bottom: 200px; */}
	
	/*-----------------*/
	/* SECTIONS */
	/*-----------------*/
	#sections{padding: 50px 0;}
	#sections .section_txt .wrap-text {
		padding: 40px 50px;
		position: relative;
		max-width: 770px;
	}
	#sections .sectionsbloc{margin: 100px 0;}
	#sections .sectionsbloc.odd .section_txt .wrap-text{ margin-left: auto;}
	
	#sections .section_thumb .blocthumb {
	    height: 100%;
	    overflow: hidden;
	    position: relative;
	    width: 80%;
	}
	
	#sections .section_thumb .specialthumb {
	    position: absolute;
	    top: 190px;
	    right: 5%;
	    width: 30%;
	    height: 350px;
	}
	#sections .sectionsbloc.even .section_thumb .specialthumb {
		left: 5%;
		right: auto;
	}
	#sections .sectionsbloc.even .section_thumb .blocthumb{margin-left: 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: 600px;
	}

    #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){
	
	/*-----------------*/
    /* REASSURANCES */
    /*-----------------*/
	#reaCenter {
        --size: 450px;
        width: var(--size);
        height: var(--size);
        top: 0;
        position: relative
    }
	/*-----------------*/
	/* SECTIONS */
	/*-----------------*/
	#sections .section_txt .wrap-text {padding: 60px 70px;}
	#sections .section_thumb .blocthumb {width: 61%;}
	#sections .section_thumb .specialthumb{right: 15%;}
	#sections .sectionsbloc.even .section_thumb .specialthumb {left: 15%;}
	
	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
	 body:not(.template-contact-php) #footerLinks {padding: 70px 20px}
}

@media(min-width: 1481px){
	/*-----------------*/
	/* SECTIONS */
	/*-----------------*/
	#sections .section_txt .wrap-text {width: 90%;}
}

@media(min-width: 1681px){
	/*-----------------*/
	/* SECTIONS */
	/*-----------------*/
	#sections .section_txt .wrap-text {width: 80%;}
}

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

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

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

@media(max-width: 1024px){

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


	/*-----------------*/

	/*-----------------*/
	/* SECTIONS */
	/*-----------------*/
	.sectionsbloc .section_thumb {
	    display: grid;
	    grid-template-columns: 1fr 1fr;
	}
	
	/*-----------------*/
    /* 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){
	

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


	/*-----------------*/
    /* 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){}