@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family:'archer_bold';
	src: url('font/ArcherPro-Bold.eot');
	src: url('font/ArcherPro-Bold.eot?#iefix') format('embedded-opentype'),
		 url('font/ArcherPro-Bold.woff2') format('woff2'),
         url('font/ArcherPro-Bold.woff') format('woff'),
		 url('font/ArcherPro-Bold.ttf') format('truetype'),
         url('font/ArcherPro-Bold.svg') format('svg');
    font-weight: bold;
    font-style: normal;
} 

@font-face {
    font-family:'archer_book';
	src: url('font/ArcherPro-Book.eot');
	src: url('font/ArcherPro-Book.eot?#iefix') format('embedded-opentype'),
		 url('font/ArcherPro-Book.woff2') format('woff2'),
         url('font/ArcherPro-Book.woff') format('woff'),
		 url('font/ArcherPro-Book.ttf') format('truetype'),
         url('font/ArcherPro-Book.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
body{
	top:0;
	bottom:0;
	left: 0;
	right : 0;
	position: absolute;
	background-color:#fbf8ec;
	min-height: 700px;
	min-width: 1300px;	
}


#cadre_image_accueil{
	
}

#fondEcran{
	display: flex;
    justify-content: center;
    align-items: center;
	top:0px;
	bottom:0px;
	left: 0px;
	right : 0px;
	position: absolute;
	background-color:#fbf8ec;
	
}

#cadreHautGauche{
	position: absolute;
	top: 0px;
	left: 0%;	
	bottom:120px;
    right: 50%;
   
	display: flex;
    justify-content: center;
    align-items: center;
	

}

#cadreBasGauche{
	position: absolute;
	bottom: 0%;
	left: 0%;
	right:50%;
	height:120px;
	
	display: flex;
    justify-content: center;
    align-items: center;
}

#cadreBasDroit{
	position: absolute;
	bottom: 0%;
	left: 50%;
	right: 0%;
	
	height: 120px;
}

#cadreHautDroit{
	position: absolute;
	top: 0%;
	left: 50%;
	right: 0%;
	bottom: 120px;

	display: flex;
    justify-content: center;
    align-items: center;
}

#cadreTexteDroit{
	position: absolute;
	bottom: 0%;
	left: 50%;
	right: 0%;
	display: flex;
    justify-content: center;
	z-index: 1;
	height: 120px;
   
}

#blocTexte1{
	position: relative;
	left: 0px;
	top: 0px;
	width: 50%;
	height: 100px;

}

#blocSmall{
	width: 522px;
	height: 522px;
	left:auto;
	right:auto;
	z-index: 0;

}

#blocBig{
	width: 522px;
	height: 522px;
	left:auto;
	right:auto;
	display: flex;
    justify-content: center;

}

#textBig{
	width: 522px;
	height: 50px;
	left: auto;
	right: auto;
	top: -35px;
	position:absolute
}

#blocBasTexte{
	width: 534px;
	height: 120px;
	left:auto;
	right:auto;

}
.ligneSmall{
	position: relative;
	height: 66px;
	width: 628px;
}

.cadreSmall1{
	position: absolute;
	left: 0px;
	top: 0px;
}
.cadreSmall2{
	position: absolute;
	left: 66px;
	top: 0px;
}
.cadreSmall3{
	position: absolute;
	left: 138px;
	top: 0px;
}
.cadreSmall4{
	position: absolute;
	left: 204px;
	top: 0px;
}
.cadreSmall5{
	position: absolute;
	left: 270px;
	top: 0px;
}
.cadreSmall6{
	position: absolute;
	left: 336px;
	top: 0px;
}
.cadreSmall7{
	position: absolute;
	left: 402px;
	top: 0px;
}
.cadreSmall8{
	position: absolute;
	left: 468px;
	top: 0px;
}

#cadre_image_accueil{
	width: 900;
	height: 600;
	z-index: 2;
}

#cadre_texte_image{
	position:absolute;
	top:45%;
	right:1%;
	width:2500px;
	height: 50px;
	
	text-align: right;
	
}

#cadreGauvheImageAccueil{
	position:relative;
	top: 0px;
	left: 0px;
	height: 600px;
	width: 60%;
	
	background-color: blue;
	z-index: 1;
}

#trait_2_nav{
	position:absolute;
	right:-15px;
	bottom: 50px;
	z-index:2;
	/* Rotation du div */
	transform:rotate(-35deg); 
	-ms-transform:rotate(-35deg); /* Internet Explorer */
	-moz-transform:rotate(-35deg); /* Firefox */
	-webkit-transform:rotate(-35deg); /* Safari et Chrome */ 
	-o-transform:rotate(-35deg); /* Opera */
}

#bouton_chloe{
	position:absolute;
	right: -10px;
	bottom: -10px;
	cursor:pointer;
	z-index: 2;
}

#bouton_extraits{
	position:absolute;
	left: 10%;
	bottom: 0px;
	cursor:pointer;
	z-index:2;
}

#bouton_enCeMoment{
	position:absolute;
	left: 50%;
	bottom: 0px;
	cursor:pointer;
	z-index:2;
}

#bouton_ateliers{
	position:absolute;
	bottom:0px;
	left:63%;
	cursor:pointer;
	z-index:2;
	
}

#bouton_boutique{
	position:absolute;
	bottom:0px;
	left:70%;
	cursor:pointer;
	z-index:2;
	
}

#bouton_home{
	position:absolute;
	bottom:32px;
	left:80%;
	cursor:pointer;
	z-index:2;
	
}



#trait_vert_orange{
	position:absolute;
	bottom:92px;
	right:-4px;
	z-index:2;
}

#trait_vert_orange2{
	position:absolute;
	bottom:492px;
	right:-4px;
	z-index:2;
}

#blocBoutonMessage{
	position: absolute;
	left : 520px;
	bottom : 40px;
}

#boutonMail{
	position: relative;
	top: -300px;
	left: 97px;
	height: 23px;
	width: 50px;	
}

#boutonInstagram{
	position: relative;
	top: -288px;
	left: 97px;
	height: 23px;
	width: 70px;
}



#email{
	position:relative;
	top:-158px;
	left: 58px;
	width: 225px;
	height: 20px;
	background-color: #e1dcc9;
	border-width: 0px;
}
#message{
	position: relative;
	top: -222px;
	left: -176px;
	width: 230px;
	height: 90px;
	background-color: #e1dcc9;
	border-width: 0px;
	text-align: left;	
}

#formulaire{
	position: relative;
	
}

#bt_valid_form{
	position:relative;
	top: -240px;
	left: 320px;
	width: 100px;
	
}

#submit{
	font-size:15px;
	background-color: #fbf8ec;
	color:#c7c7c7;
	border-width: 0px;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
}

#imageMoment{
	position: absolute;
	left:auto;
	right: auto;
	top:auto;
	bottom: auto;
	height: 445px;
	width: 315px;
}

#boutonFG{
	position:relative;
	bottom: 63%;
	
	left: 0px;
	height: 130px;
	width: 100px;
	
	cursor: pointer;
}

#boutonFD{
	position:relative;
	bottom: 88%;
	right:-81%;
	height: 130px;
	width: 100px;

	cursor: pointer;
}

#cadreBigImageMoment{
	
}