:root{
	--violet: #7259AB;
	--violetclair: #9872D2;
	--lila: #CAB4FD;
	--rose: #FFDDE6;
	--blanc: white;
	scroll-behavior: smooth;
	--transition: .5s ease-in-out;
}
/*GÉNÉRAL*/
input, 
label[type=checkbox], 
.nav-sites ul li,
.dropdown-child, #cross,
.portrait_tab, #burger,
.portfolio_mobile, header .dropdown_1 .subnav,
#subnav_burger{
	display:none;}

img{object-fit: cover;}
.txtcenter{text-align: center;}
.wrapper{
	max-width: 140rem;
	margin: auto;
}
ul li, ul, li {list-style: none; margin: 0; padding: 0;}
/*CLASSES GRID*/
.grid{
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: auto;
}
.container{
  max-width: 140rem;
  gap: 1.6rem;
  margin: auto;
  padding: 0 1.6rem;
}
.gap{gap: 1.6rem;}
.col-2{grid-column: span 2};
.col-3{grid-column: span 3};
.col-4{grid-column: span 4};
.col-5{grid-column: span 5};
.col-6{grid-column: span 6};
.col-7{grid-column: span 7};
.col-10{grid-column: span 10;}
.col-12{grid-column: span 12;}
.gcenter{align-items: center;}
.grid-place-content{place-content: center;}
.justcenter{justify-items: center;}
.place-items-center{place-items: center;}
.row-2{grid-row: span 2;}
.row-3{grid-row: span 3;}


/*CLASSES POSITION*/
.fixed{position:fixed;}
.sticky{position: sticky;}
.absolute{position: absolute;}
.relative{position: relative;}

/*CLASSES FLEX*/
.flex{display:flex;flex-wrap: wrap;}
.fcol{flex-flow: column wrap;}
.jc-sbtw{justify-content: space-between;}
.aligncenter{align-items: center;}
.fcontentcenter{justify-content: center; align-items: center;}
.f-place-content-center{place-content: center;}
.wrapper{
	overflow: visible;
	max-width: 140rem;
	margin:auto;
}
.row{flex-direction:row;}
.column{flex-direction:column;}

/*MISC*/
.margin{margin-bottom: 7rem;}