/* Remove Alert Browser - DO NOT TOUCH */
@supports (display: grid) {
  #checkBrowserCompatibility {
    display: none !important;
  }
}

.wrappercontent{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.wrappercontent.small{max-width: 800px;}
.wrappercontent.medium{max-width: 840px;}
.wrappercontent.large{max-width: 1400px;}

#wrappersite{
	max-width: 100%;
	width: 100%;
	margin: 0 auto;
	display: grid;
	grid-row-gap: 0px;
	grid-column-gap: 0px;
	transition: 0.6s;
	position: relative;
}

/*-----------------*/
/* GRID AREA */
/*-----------------*/
/* AREA SITE */
#header {grid-area: header;}
#headerGrid {grid-area: headerGrid;}
#contactForm {grid-area: contactForm;}
#banner {grid-area: banner;}
#reassurances {grid-area: reassurances;}
#headerHome {grid-area: headerHome;}
#news {grid-area: news;}
#newsletter {grid-area: newsletter;}
#prestations {grid-area: prestations;}
#products {grid-area: products;}
#galleryHome {grid-area: galleryHome;}
#galleryFooter {grid-area: galleryFooter;}
#sections {grid-area: sections;}
#video {grid-area: video;}
#partenaires {grid-area: partenaires;}
#certifications {grid-area: certifications;}
#content {grid-area: content;}
#agences {grid-area: agences;}
#footer {grid-area: footer;}
#social {grid-area: social;}
#share {grid-area: share;}
#map_agence{grid-area: mapAgence;}
#cta{grid-area: cta;}
#vins{grid-area: vins;}

/* AREA HEADER */
/* #infotelfixe {grid-area: infotelfixe;}
#infotelport {grid-area: infotelport;}
#infoouverture {grid-area: infoouverture;}
#infoadresse {grid-area: infoadresse;} */
#logo {grid-area: logo;}
#header-coordonnees {grid-area: headerCoordonnees;}
#navprimary {grid-area: navprimary;}
#navsecondary {grid-area: navsecondary;}
#info-toogle{grid-area: infoToogle;}
/* #logoCoordonnees{grid-area: logoCoordonnees;} */

/* AREA FOOTER */
#infotelfixeFooter {grid-area: infotelfixeFooter;}
#infotelportFooter {grid-area: infotelportFooter;}
#infoouvertureFooter {grid-area: infoouvertureFooter;}
#infoadresseFooter {grid-area: infoadresseFooter;}
#logoCoordonneesFooter{grid-area: logoCoordonneesFooter;}
#infomailFooter{grid-area: infomailFooter;}
#footerLogo {grid-area: footerlogo;}
#footerLinks{grid-area: footerLinks;}
#footerMap{grid-area: footerMap;}

/* AREA LEBONPRO */
#titleBP{grid-area: titleBP;}
#lebonpro{grid-area: lebonpro;}
#contentBP{grid-area: contentBP;}

/* AREA CONTACT */
#contactTitle{grid-area: contactTitle;}
#contactCoordonnees{grid-area: contactCoordonnees;}
#contactForm{grid-area: contactForm;}

/* AREA AGENCE */
#agenceTitle{grid-area: agenceTitle;}
#agenceCoordonnees{grid-area: agenceCoordonnees;}
#agenceForm{grid-area: agenceForm;}
#agenceContent{grid-area: agenceContent;}

/* AREA WOOCOMMERCE */
#blocbreadcrumb{grid-area: blocbreadcrumb;}
#backBTsinglewoo{grid-area: backBTsinglewoo;}
#backBTsingle{grid-area: backBTsingle;}
#pageTitle{grid-area: pageTitle;}
#pricesinglewoo{grid-area: pricesinglewoo;}
#tabssinglewoo{grid-area: tabssinglewoo;}
#gallerysinglewoo{grid-area: gallerysinglewoo;}
#btformsinglewoo{grid-area: btformsinglewoo;}
#shortdesc{grid-area: shortdesc;}

/*-----------------*/
/* GRID HEADER */
/*-----------------*/
#headerGrid {
	position: relative;
	display: grid;
	grid-row-gap: 0;
	grid-column-gap: 30px;
	transition: .6s;
	grid-template-areas:
		"headerCoordonnees"
		"navprimary";
	grid-template-columns:  1fr;
	grid-template-rows: repeat(2,minmax(min-content,auto));
	align-items: center;
}

@media(max-width: 1024px){
	#headerGrid {
		grid-template-areas:
			"navprimary     logo                infoToogle";
		grid-template-columns: 50px 1fr  50px;
		grid-column-gap: 5px;
		justify-items: center;
		padding: 8px;
	}
}


/*-----------------*/
/* GRID FOOTER */
/*-----------------*/
#footer #footerbloc {
     align-items: center;
     justify-items: center;
     display: grid;
     grid-row-gap: 15px;
     grid-column-gap: 30px;
     transition: 0.6s;
     grid-template-areas:
          "infoadresseFooter   infotelfixeFooter     logoCoordonneesFooter infomailFooter   infoouvertureFooter";
     grid-template-columns: 1fr 1fr  190px  1fr 1fr;
     grid-template-rows: repeat(1, minmax(min-content, auto));
}
@media(max-width: 1024px){
	#footer #footerbloc {
		grid-template-areas:
			".            logoCoordonneesFooter       logoCoordonneesFooter          ."
			"infoadresseFooter      infoouvertureFooter     infotelfixeFooter   infomailFooter";
		grid-template-columns:  1fr 1fr 1fr 1fr;
		grid-column-gap: 20px;
	}
}
@media(max-width: 767px){
	#footer #footerbloc {
		grid-template-areas:
	        "logoCoordonneesFooter        logoCoordonneesFooter"      
			 "infoadresseFooter           infotelfixeFooter"     
			 "infoouvertureFooter         infomailFooter"   
			 ;
	    grid-template-columns:  1fr 1fr;	
	}
}

@media(max-width: 480px){
	#footer #footerbloc {
		grid-template-areas:
	        "logoCoordonneesFooter"      
			 "infoadresseFooter"   
			"infotelfixeFooter"   
			 "infoouvertureFooter"   
			 "infomailFooter";
	    grid-template-columns:  1fr;	
	}
}


/*-----------------*/
/* GRID SITE */
/*-----------------*/
/* HOME */
body.home #wrappersite{
	grid-template-areas:
		"header"
		"headerHome"
		"certifications"
		"content"
		"vins"
		"news"
		"sections"
		"galleryHome"
		
		"reassurances"
		"galleryFooter"
		"footer";
	grid-template-columns: 1fr;
	grid-template-rows: min-content repeat(10, minmax(min-content, auto));
}


/* PAGES */
body.page-php #wrappersite,
body.single-php #wrappersite,
body.template-prestations-php #wrappersite,
body.pagenotfound #wrappersite,
body.template-mentions-legales-php #wrappersite,
body.template-plan-du-site-php #wrappersite,
body.template-partenaires-php #wrappersite,
body.elements-php #wrappersite,
body.category-php #wrappersite,
body.template-rating-php #wrappersite,
body.woocommerce-category-php #wrappersite,
body.woocommerce-single-php #wrappersite,
body.template-baseGalerie-php #wrappersite{
	grid-template-areas:
		"header"
		"banner"
		"content"
		"footer";
	grid-template-columns: 1fr;
	grid-template-rows: min-content min-content minmax(min-content, auto) min-content;
}

/* PAGES PARENT */
body.template-parent-page-php #wrappersite{
	grid-template-areas:
		"header"
		"banner"
		"content"
		"prestations"
		"footer";
	grid-template-columns: 1fr;
	grid-template-rows: min-content min-content minmax(min-content, auto) min-content;
}

/* PAGES CONTACT */
body.template-contact-php #wrappersite {
    grid-template-areas:
		"header"
		"banner"
		"content"
		"footerMap"
		"footer";
	grid-template-columns: 1fr ;
	grid-template-rows: min-content min-content minmax(min-content, auto) min-content;
}

/* PAGE - AGENCE SINGLE */
body.single.agences #wrappersite{
	grid-template-areas:
		"header"
		"banner"
		"content"
		"mapAgence"
		"footer"
	;
	grid-template-columns: 1fr;
	grid-template-rows:  min-content min-content  minmax(max-content, auto)  min-content;
}


/*-----------------*/
/* GRID PAGE LE BON PRO */
/*-----------------*/
body.template-rating-php #gridLBP{
	grid-template-areas:
		"titleBP    titleBP"
		"lebonpro  	contentBP";
	grid-template-columns: 1fr 3fr;
	grid-template-rows: repeat(1, minmax(min-content, auto));
	grid-gap: 30px;
}

@media(max-width:767px){
	body.template-rating-php #gridLBP{
		grid-template-areas:
			"titleBP"
			"lebonpro"
			"contentBP";
		grid-template-columns: 1fr;
		grid-template-rows: repeat(2, minmax(min-content, auto));
	}
}


/*-----------------*/
/* GRID PAGE CONTACT */
/*-----------------*/
body.template-contact-php #content .wrappercontent{
	grid-template-areas:
		"contactTitle			contactTitle"
		"contactCoordonnees	    contactForm	";
	grid-template-columns: 1fr 2fr;
	grid-template-rows: repeat(3, minmax(min-content, auto));
	grid-column-gap: 40px;
	display: grid;
	align-items: center;
}

@media(max-width:1024px){
	body.template-contact-php #content  .wrappercontent{
		grid-template-areas:
			"contactTitle"
			"contactCoordonnees"
			"contactForm";
		grid-template-columns: 1fr;
		grid-template-rows: repeat(3, minmax(min-content, auto));
		grid-gap: 0;
	}
}

/*-----------------*/
/* GRID PAGE WOOCOMMERCE */
/*-----------------*/
#gridsinglewoo{
	grid-template-areas:
		"blocbreadcrumb             	blocbreadcrumb"
		"backBTsingle					backBTsingle"
		"pageTitle						pageTitle"
		"gallerysinglewoo           	shortdesc"
		"gallerysinglewoo				tabssinglewoo"
		"gallerysinglewoo           	pricesinglewoo"
		"gallerysinglewoo 				btformsinglewoo";
	grid-template-columns: 1fr 2fr;
	grid-template-rows: repeat(7,minmax(min-content,auto));
	grid-column-gap: 80px;
}
@media(max-width:1024px){
	#gridsinglewoo{
		grid-column-gap: 40px;
	}
}
@media(max-width:767px){
	#gridsinglewoo{
		grid-template-areas:
			"backBTsingle"
			"pageTitle"
			"shortdesc"
			"gallerysinglewoo"
			"tabssinglewoo"
			"pricesinglewoo"
			"btformsinglewoo";
		grid-template-columns: 1fr;
		grid-template-rows:  repeat(7, minmax(min-content, auto));
	}
}

/*-----------------*/
/* GRID PAGE AGENCE SINGLE */
/*-----------------*/
body.single.agences #content .wrappercontent{
	grid-template-areas:
		"agenceTitle        		agenceTitle"
		"agenceCoordonnees          agenceCoordonnees"
		"agenceContent          agenceForm";
	grid-template-columns:  1fr 1fr;
	grid-template-rows: repeat(3, minmax(min-content, auto));
	grid-column-gap: 60px;
	display: grid;
	align-items: center;
}

@media(max-width:1024px){
	body.single.agences #content .wrappercontent{
		grid-template-areas:
			"agenceTitle"
			"agenceCoordonnees"
			"agenceContent"
			"agenceForm";
		grid-template-columns: 1fr;
		grid-template-rows:  repeat(4, minmax(min-content, auto));
	}
}