@font-face {
  font-family: "Montserrat";
  src: url(fonts/Montserrat-Regular.ttf) format("truetype");
}

body {
	display : flex;
	flex-direction : column;
	align-items: center;
	font-size : 16px;
	height : 100%;
	background : #fef7fe;
	font-family : 'Montserrat';
	overflow-x: hidden;
}

#droite, #gauche{
	width : 30px;
	position : absolute;
	top : 45%;
	bottom : 40%;
	display : none;
}
#droite{
	right : 1%;
}
#gauche{
	left : 1%;
}

hr{
	color : grey;
	width : 60%;
}

#logo {
	width : 100px;
	position : absolute;
	top : 1%;
	left : 1%;
	cursor : pointer;
}

#menu li{
	display : inline-block;
	padding : 0% 20px 0% 20px;
	font-size : 100%;
	font-size : 18px;
}

#accueil_menu li {
	text-decoration: none;
	display : block;
	line-height: 70px;
	font-size: 16px;
	text-align: right;
}

/*#accmenu1 {
	font-weight : bold;
}*/

#accueil_menu {
	position : absolute;
	top : 40%;
	left : 1%;
	z-index : 2;
}

.bloc1, #accueil_menu {
	width : 30%;
	background : rgb(254,247,254);
	background : rgba(254,247,254, 0.8);
	display : flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	margin : 0% 2% 0px 0px;
	position : absolute;
	left : 2%;
}

.bloc2 {
	width : 70%;
	position : absolute;
	right : 2%;
	text-align : justify;
}

.desc {
	margin : 0% 0% 0% 40%;
	padding : 2% 3% 2% 3%;
	text-align : right;
	width : 50%;
	height : 20%;
	background : rgb(254,247,254);
	background : rgba(254,247,254, 0.7);
}


#img1, #img2, #img3, #img4 {
    position: absolute;
    width: 70%;
    height: 70%;
    top: 0;
    opacity: 0;
    left: 100%;
}
#img1 {
    opacity: 1;
    left: 20%;
}

#img_contain{
	display : none;
	position : absolute;
	width : 100%;
	top : 0%;
	bottom: 0%;
	left : 3%;
	right : 5%;
}

#img_contain img{
	height : 28%;
	padding : 0% 1% 0% 0%;
	cursor : pointer;
}


main {
	padding : 0% 0% 0% 0%;
	display : flex;
	flex-direction : row;
	align-items: center;
	justify-content : center;
	//width : 100%;
	height : 100%;
	//background : yellow;
	position : absolute;
	top : 20%;
	right : 0%;
	left : 0%;
	bottom : 0%;
}

#acc {
	background-repeat: no-repeat;
	background-size: cover;
	width : 100%;
	display : flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
}


/*.bloc1, .bloc2 {
	width : 50%;
	margin : 0px 15% 0px 30px;
	text-align : justify;
	display : flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	//background : blue;
}*/

.titre {
	font-size : 2em;
	width : 99%;
	margin : 0px 20px 30px 10px;
	//background : red;
	text-align : right;
}

#texte1, #texte2, #txt1, #txt2 {
	//background : blue;
	text-align: justify;
	width : 95%;
}


#ingred, #ingred1 {
	padding-top : 2%;
	width : 95%;
	text-align : left;
	font-size : 1em;
	margin-bottom : 0px;
}

#choix {
	width : 70%;
	margin : 0% 10% 0% 10%;
	display : none;
	justify-content : center;
	font-size : 12px;
}

#choix1 li, #choix2 li, #choixRest li {
	display : inline-block;
	padding : 0% 1% 0% 1%;
	font-size : 12px;
}

/*li:hover{
	text-decoration: underline;
	cursor : pointer;
}*/

#choix1, #choix2 {
	display : inline-block;
	position : relative;
	top : 0%;
}

#choix1{
	margin-left : 10%;
	width : 20%;
	text-align : left;
}

#choix2{
	width : 50%;
	text-align : left;
}

#c8{
	margin-left : 0%;
}

#c1{
	margin-left : 15%;
}

#choixRest {
	display : none;
	text-align : center;
	text-decoration : none;
	font-size : 20px;
	width : 100%;
}


.titre, #texte1, #texte2, #txt1, #txt2, #ingred, #ingred1 {
	display : none;
}


@-webkit-keyframes wtob {
     0%   {background: white;}
    100%  {background: black;}
}

@-moz-keyframes wtob {
     0%   {background: white;}
    100%  {background: black;}
}

@keyframes wtob {
     0%   {background: white;}
    100%  {background: black;}
}



@-webkit-keyframes btow {
     0%   {background: black;}
    100%  {background: white;}
}

@-moz-keyframes btow {
     0%   {background: black;}
    100%  {background: white;}
}

@keyframes btow {
     0%   {background: black;}
    100%  {background: white;}
}


#debut{
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fef7fe;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.partie-2{
	display: flex;
	position: relative;
	top: 400px;
	left: 25%;
}
#pburger{
	width: 32%;
	margin-right: 150px;
	margin-top: 250px;
	text-align: justify;
	font-size: 17px;
	background : rgba(0,0,0, 0.02);
	padding: 20px;
}
 
.burger img{
    position: absolute;
    z-index: 0;
    width: 15%;
}

#imgb3{
    z-index: 1;
}
#imgb5{
    z-index: 1;
}
.partie-3{
	display: flex;
	position: absolute;
	top: 1300px;
}
.et-hero-tab-slider {
    position: absolute;
    width: 7.5%;
    height: 5px;
    background: pink;
    left: 325px;

}