/*Polices*/

@font-face {
	font-family: "Lavinia";
	src: url('polices/Lavinia.otf');
}
@font-face {
	font-family: "minimal";
	src: url('polices/minimal.otf');
}
@font-face {
	font-family: "Vonique 92_D";
	src: url('polices/Vonique 92_D.otf');
}
@font-face {
	font-family: "CaviarDreams";
	src: url('polices/CaviarDreams.ttf');
}
@font-face {
	font-family: "CaviarDreams_Bold";
	font-weight: bold;
	src: url('polices/CaviarDreams_Bold.ttf');
}
@font-face {
	font-family: "CaviarDreams_Italic";
	font-style: italic;
	src: url('polices/CaviarDreams_Italic.ttf');
}
@font-face {
	font-family: "CaviarDreams_BoldItalic";
	font-weight: bold;
	font-style: italic;
	src: url('polices/CaviarDreams_BoldItalic.ttf');
}
@font-face {
	font-family: "Champagne & Limousines Bold Italic";
	font-weight: bold;
	font-style: italic;
	src: url('polices/Champagne & Limousines Bold Italic.ttf');
}
@font-face {
	font-family: "Champagne & Limousines Bold";
	font-weight: bold;
	src: url('polices/Champagne & Limousines Bold.ttf');
}
@font-face {
	font-family: "Champagne & Limousines Italic";
	font-style: italic;
	src: url('polices/Champagne & Limousines Italic.ttf');
}
@font-face {
	font-family: "Champagne & Limousines";
	src: url('polices/Champagne & Limousines.ttf');
}
@font-face {
	font-family: "autography";
	src: url('polices/Autography.otf');
}
@font-face {
	font-family: "bellerose";
	src: url('polices/Bellerose.ttf');
}
@font-face {
	font-family: "monako";
	src: url('polices/MonaKo.ttf');
}
@font-face {
	font-family: "radion";
	src: url('polices/radion.otf');
}
@font-face {
	font-family: "rocket";
	src: url('polices/ROCKET WILDNESS.otf');
}
@font-face {
	font-family: "Gardenfreude";
	src: url(polices/Gardenfreude.otf);
}
@font-face {
	font-family: "socialmediacircled";
	src: url(polices/Social\ Media\ Circled.ttf);
}
@font-face {
	font-family: "southland";
	src: url(polices/Southland.ttf);
}
@font-face {
	font-family:"bunya";
	src: url(polices/Bunya-Regular_PERSONAL.ttf);
}

/*Commun*/

* {
	margin: 0;
	padding: 0;
}
body {
	width: 100%;
	background-color: white;
}
#menu{
	display: grid;
	position: absolute;
	right: 1%;
	margin-left: 30%;
	width: 70%;
	height: 3vh;
	grid-template-columns: 17% 16% 15% 14% 15% 14% 8%;
	font-family: Lavinia;
	font-size: 1.2vw;
	text-align: right;
}
a:link{ 
	text-decoration:none;
	color: black;
} 
a:visited{
	color: black;
}
#ppp {
	position: absolute;
	top: 48vw;
	right: 1vw;
	width: 6%;
}
.ml {
	position: absolute;
	top: 48vw;
	right: 3vw;
}
.ml > span {	
	font-size: 0.75vw;
	font-family: CaviarDreams;
}

/*Accueil*/

#AA {
	display: flex;
	float: none;
	width: 100%;
	height: 100%;
	background-image: url(img/wood-texture.png);
	background-size: 41% 91%;
	background-position: right;
	background-repeat: no-repeat;
	font-family: lavinia;
}
#AA > div {
	flex: 1;
}
#ia1 {
	width: 7%;
	margin-top: 2%;
	margin-left: 3%;
}
#ia2 {
	object-fit: cover;
	padding-top: 10%;
}
#box2 {
	float: right;
	width: 18vw;
	height: 18vw;
	margin-right: 30%;
	margin-top: 10%;
	background-color: white;
}
#a1 {
	font-size: 2vw;
	text-align: right;
	margin-right: 50vw;
	margin-top: 13%;
	margin-bottom: 13%;	
	border-right: 0.2vw black solid;
	padding-right: 1%;
	padding-top: 5%;
	padding-bottom: 1%;
}
#a2 {
	font-size: 1.5vw;	
	text-align: center;
}

/*Presentation*/

#BB {
	display: flex;
	float: none;
	width: 100%;
	height: 50vw;
}
#BB >div {
	flex: 1;
}
#box3 {
	float: left;
	width: 30%;
	height: 70%;
	margin-top: 3%;
	margin-left: 5%;
	background-image: url(img/Paper-Texture.jpg);
	background-position: bottom right;
	background-size: 95% 95%;
	background-repeat: no-repeat;
}
#box4 {
	height: 40vw;
	margin-left: 40%;
	margin-right: 2%;
	text-align: justify;
}
#ib1 {
	width: 80%;
	height: 80%;
	object-fit: fill;
}
#bb1 {
	font-family: southland;
	font-size: 4vw;
	margin-top: 7vw;
	margin-bottom: 0%;
	line-height: 5vw;
}
#bb2 {
	font-family: caviardreams;
	font-size: 0.5vw;
}
#b1 {
	font-family: lavinia;
	font-size: 3.2vw;
	margin-top: 3%;
	text-align: right;
	padding-right: 1vw;
}
.b2 {
	font-family: lavinia;
	font-size: 1.4vw;
	color: rgb(198, 156, 109);
	margin-top: 2vw;
	margin-bottom: 1vw;
}
.b3 {
	font-family: caviardreams;
	font-size: 0.9vw;
	padding-left: 3%;
}
#list > li {
	font-family: caviardreams;
	font-size: 0.9vw;
	margin-left: 3%;
	padding-left: 1%;
	list-style: none;
}
#box4 p:nth-child(7) {
	padding-bottom: 1vw;
}
.li {
	width: 1%;
	margin-right: 1%;
}

/*Ameublement*/

#CC {
	display: flex;
	float: none;
	width: 100%;
	height: 50vw;
}
#box1 {
	background-image: url(img/Paper-Texture.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 100% 70%;
	margin-left: 5%;
	width: 35%;
	height: 100%;
}
#cc1 {
	writing-mode: sideways-lr;
	font-family: lavinia;
	font-size: 3.5vw;
	padding-top: 100%;
	padding-left: 35%;
}
#ic1 {
	position: absolute;
	top: 25vw;
	left: 7%;
	z-index: -1;
	width: 30%;
}
#box5 {
	margin-left: 25%;
	margin-right: 2%;
	margin-top: 10%;
	font-family: caviardreams;
	font-size: 0.9vw;
}
#cc2 {
	font-family: lavinia;
	font-size: 1.4vw;
	color: rgb(198, 156, 109);
	padding-top: 4vh;
	padding-bottom: 2%;
}
.cc3 {
	padding-left: 5%;
	padding-top: 2%;
	padding-bottom: 2%;
}
.cc4 {
	padding-left: 5%;
	padding-right: 3%;
}

/*Agencement*/

#DD {
	display: flex;
	float: none;
	width: 100%;
	height: 50vw;
}
#box6 {
	background-image: url(img/Paper-Texture.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 32% 70%;
	margin-left: 5%;
	width: 35%;
	height: 100%;
}
#dd1 {
	writing-mode: sideways-lr;
	font-family: lavinia;
	font-size: 3.5vw;
	padding-top: 31%;
	padding-left: 10%;
}
#id1 {
	position: absolute;
	top: 20vw;
	left: 12%;
	z-index: -1;
	width: 40%;
}
#box7 {
	width: 60%;
	margin-top: 3%;
	margin-right: 2%;
	font-family: caviardreams;
	font-size: 1vw;
	padding-top: 5vw;
	background-color: white;
}
.dd2 {
	padding-left: 5%;
	padding-right: 3%;
}
#dd3 {
	font-family: lavinia;
	font-size: 1.4vw;
	color: rgb(198, 156, 109);
	padding-top: 5%;
	padding-bottom: 2%;
}
.dd4 {
	padding-left: 5%;
	padding-top: 2%;
	padding-bottom: 2%;
}

/*Prestation*/

#EE {
	display: grid;
	grid-template-columns: 30% 70%;
	width: 100%;
	height: 50vw;
}
#box8 {
	margin-top: 8vw;
	margin-left: 15%;
	border: 0.5vw  rgb(198, 156, 109) solid;
	width: 90%;
	height: 35vw;
}
#ie1 {
	object-fit: fill;
	width: 100%;
	height: 100%;
	position: relative;
	top: 5%;
	right: 15%;
	z-index: -10;
}
#box9 {
	float: right;
	margin-top: 5vw;
	width: 60%;
	height: 18%;
	font-family: lavinia;
	font-size: 5vw;
	background-image: url(img/Paper-Texture.jpg);
	background-origin: border-box;
	background-repeat: no-repeat ;
	background-size: cover;
}
#box9 > p {
	padding-top: 5%;
	padding-left: 13%;
}
#box10 {
	margin-top: 30%;
}
#presta {
	text-align: right;
	
}
#presta > li {
	font-family: caviardreams;
	font-size: 1.2vw;
	margin-right: 3%;
	padding-left: 1%;
	padding-bottom: 1vw;
	list-style: none;
}
.pr {
	width: 1%;
	margin-left: 2%;
}

/*consulting*/

#FF {
	width: 100%;
	height: 50vw;
	display: grid;
	grid-template-columns: 45% 55%;
}
#box11 {
	width: 23%;
	height: 35vw;
	margin-left: 15%;
	margin-top: 3vw;
	background-image: url(img/Paper-Texture.jpg);
	background-repeat: no-repeat;
	background-size: cover;

}
#if1 {
	position: absolute;
	top: 17vw;
	left: 12.5%;
	width: 28%;
	z-index: -10;
}
#box11 > p {
	writing-mode: sideways-lr;
	font-family: lavinia;
	font-size: 3vw;
	padding-top: 5vw;
}
#box12 {
	width: 100%;
	height: 40vw;
	margin-top: 10vw;
	font-family: caviardreams;
	font-size: 1vw;
}
.f1 {
	padding-bottom: 2vw;
	padding-right: 5%;
	padding-left: 3%;
}
.f2 {
	padding-left: 3%;
}
.f3 {
	color: rgb(198, 156, 109);
	font-family: lavinia;
	font-size: 1.3vw;
	padding-top: 2vw;
	padding-bottom: 4vw;
}

/*Contact*/

#GG {
	width: 100%;
	height: 50vw;
	display: grid;
	grid-template-columns: 40% 30% 30%;
}
#box13 {
	width: 100%;
	text-align: center;
}
#g1 {
	font-family: lavinia;
	font-size: 5vw;
	padding-top: 18vw;
}
#g2 {
	padding-top: 2vw;
	font-family: bunya;
	font-size: 1.3vw;
}
#g3 {
	position: absolute;
	top: 42vw;
	left: 3vw;
	width: 7%;
}
#box14 {
	width: 100%;
	height: 40vw;
	margin-top: 6vw;
}
#box14 > img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
#box15 {
	display: block;
	height: 47vw;
	margin-top: 3vw;
	background-image: url(img/Paper-Texture.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	text-align: right;
	font-family: lavinia;
	font-size: 1.5vw;
	padding-right: 5%;
}
#box15 > img {
	position: absolute;
	top: 7vw;
	right: 2vw;
	width: 15%;
}
#g4 {
	margin-top: 16vw;
	font-size: 1.6vw;
}
#g5 {
	margin-top: 6vw;
	margin-bottom: 3vw;
}
#g6 {
	margin-top: 2vw;
	margin-bottom: 2vw;
}
#box15 > a {
	line-height: 4vw;
}
#icon {
	font-family: socialmediacircled;
}

/*Mentions légales*/

.ment {
	font-size: 1.5vw;
	font-family: CaviarDreams;
	margin-left: 3vw;
	padding-top: 2vw;
}
#cgc {
	font-family: CaviarDreams;
	font-size: 1vw;
	margin-top: 2vw;
	margin-left: 3vw;
}
#lws {
	font-family: CaviarDreams;
	font-size: 1vw;
	margin-left: 3vw;
	margin-top: 2vw;
}
.mm {
	background-image: url(img/Paper-Texture.jpg);
	background-repeat: no-repeat;
	background-size: 40% 100%;
}
#dp {
	font-family: CaviarDreams;
	font-size: 1vw;
	margin-left: 3vw;
	margin-top: 2vw;
	padding-bottom: 2vw;
}