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

/*-----------------*/
/* ELEMENTS */
/*-----------------*/
.is-toggle-open #header #info-toogle {
	/* box-shadow: 0 0 0 100vw var(--title-color), 0 0 0 100vh var(--title-color); */
	background-color: var(--title-color);
}
.is-toggle-open #header #info-toogle:before {background-image: url(../../images/icons/close-white.svg);}





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

/*-----------------*/
/* SECTIONS */
/*-----------------*/
#sections {
    position: relative;
    z-index: 10
}

.sectionsbloc .specialthumb {position: relative}


/*-----------------*/
/* REASSURANCES */
/*-----------------*/
#reassurances {
    background-image: url(../../images/home-bg4.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
#reassurances .picto-container li{
	padding: 0 10px;
}
#reassurances .picto-container li p{
	color: var(--white);
	font-family: var(--font-bold);
}

/*-----------------*/
/* PARTENAIRES */
/*-----------------*/
#partenaires .ckslidercontrols .next, 
#partenaires .ckslidercontrols .prev{
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
}
#partenaires .cksliderwrap{padding-bottom: 0;}
#partenaires .ckctrldiv{display: none;}

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

/*-----------------*/
/* FOOTER */
/*-----------------*/
#footerForm {
    background-image: url(../../images/home-bg3.jpg);
    background-position: center;
    background-size: cover;
}
#footerLinks{background-color: var(--title-color);}
#footerLinks a{color: var(--white);}


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

@media(min-width: 768px){
	
  
	/*-----------------*/
	/* REASSURANCES */
	/*-----------------*/
	#reassurances .title{margin-bottom: 0;}
}

@media(min-width: 1025px){

	/*-----------------*/
    /* HEADERHOME */
    /*-----------------*/
	#headerHome-content{padding: 60px 50px 70px;}

	

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

    /*-----------------*/
    /* SECTIONS */
    /*-----------------*/
    .sectionsbloc.even {z-index: 2}
    .sectionsbloc {gap: 0 30px}

    .sectionsbloc.even .section_thumb .blocthumb {
        position: relative;
        top: 250px;
        height: 90%;
        margin-right: -200px;
        border: 10px solid var(--white);
        border-left: initial;
        border-top: initial
    }
	.template_cv .sectionsbloc:not(:last-child).even{margin-bottom: 100px;}

    .sectionsbloc.odd .section_thumb,
    .sectionsbloc.odd .section_txt {grid-column: span 9}

    .sectionsbloc.odd .secondary_thumb {display: none}

    .sectionsbloc.odd .section_thumb {
        height: 700px;
        margin-top: -105px;
        filter: brightness(.5);
        order: inherit;
    }

    .sectionsbloc.odd .section_txt {
        max-width: 1300px;
        margin: 0 auto;
        margin-top: -280px;
        width: 95%;
        background: var(--title-color);
    }

    .sectionsbloc.odd .section_txt,
    .sectionsbloc.odd .section_txt .title h2 {color: var(--white)}

    .sectionsbloc .specialthumb {
        height: 70%;
        margin-left: -300px;
        border: 10px solid var(--background-color)
    }

    .sectionsbloc.odd .wrap-text {
        column-count: 2;
        column-gap: 40px;
    }
    
}

@media(min-width: 1281px){
     /*-----------------*/
    /* SECTIONS */
    /*-----------------*/
    .sectionsbloc.odd .section_thumb {margin-top: -125px;}
    .sectionsbloc.odd {padding-bottom: 100px}
}

@media(min-width: 1481px){
        /*-----------------*/
    /* SECTIONS */
    /*-----------------*/
     .sectionsbloc.odd .section_thumb .blocthumb {
        width:calc(100% - 100px);
        margin-left: auto
    }
}

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

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

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

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

@media(max-width: 1024px){

	
	
    /*-----------------*/
    /* SECTIONS */
    /*-----------------*/
     .sectionsbloc .section_txt {
        max-width: 850px;
        margin: 0 auto;
        width: 100%
    }
    .sectionsbloc .specialthumb {height: 100%}
	.section_txt{order: -2}
}

@media(max-width: 767px){

	
	/*-----------------*/
    /* PARTENAIRES */
    /*-----------------*/
	#partenaires .title{margin-bottom: 20px;}
	

	
}

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

