body{
	margin-top: 5px;
	padding: 15px;
}

#container{

	width:100%;
	max-width: 1200px;
	background-color: white;
	//*padding: 15px;*//
	margin-bottom: 0;
	margin-left:auto;
	margin-right:auto;
	box-shadow: 0px 0px 13px 14px rgba(128,92,92,1);
	border-radius: 15px;
}

#header{
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

#logo{
	background-color: #806666;
	width: 23%;
	text-align: center;
	padding: 1%;
	border-radius: 10px;
}

#baniere{
	background-color: #926E6E;
	width: 72%;
	text-align:center; 
	padding: 1%;
	border-radius: 10px;
}

#menu{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	background-color: #B08D8D;
	padding:1%;
	border-radius: 10px;
	width: 98%
}

#menu ul{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	list-style-type: none;
	width:92%;
	border-radius: 10px;
}

#menu ul li.nav-menu{
	width: 25%;
	background-color: #4B4141;

	text-align: center;
	position:relative;
	border-radius: 10px;
}

#menu li a{
	display:block;
	padding: 10px;
}

#menu ul li.nav-menu a{
	color:white;
	border-radius: 10px;
}

#menu ul li.nav-menu a:hover{
	color:black;
	background-color: white;
}

#menu ul .submenu{
	display:none;
}

#menu ul .nav-menu:hover .submenu{
	display:block;
	position: absolute;
	background-color: #7D5858;
	width:87%;
	padding: :10px;
}
#sous li a{
	display:flex;
	flex-wrap: wrap;
	width: 50%
}

#centre{
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	height: 650px;
	justify-content: space-between;
	text-align: center;
}

#centregauche{
	background-color: #BF9797;
	width: 23%;
	padding: 1%;
	border-radius: 10px;
}

#contregauche h2{
	color: : black;
}

#centre div iframe{
	width:98%;
	border-radius: 10px;
}

#page{
	background-color: #E0B3B3;
	width: 72%;
	padding: 1%;
	border-radius: 10px;
}
#page h1{font-size: 180%;
}

#picpara{
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align: center;
}

#picpara p{
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .6s ease-in-out;
	transition: .5s ease-in-out;
}

#picpara p:hover{
	-webkit-transform: scale(1.9);
	transform: scale(1.3);
}

#picpara p{box-shadow: 0px 0px 28px 13px rgba(92,74,74,1);
}

#moi img{
	width:120px;
	border:solid;
	border-radius: 10px;
}

#picpara p{
	background-color: #ECCFCF;
	width: 78%;
	padding: 1%;
	border-radius: 10px;
	border:solid;
}

#corps{
	background-color: #DCBEBE;
	border-radius: 10px;
	height: 240px;
	font-size: 200%;
	border: solid;

}

#contfeet{
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	background-color: #F3E1E1;
	width:100%;
	justify-content: space-between;
	margin-top:12px;
	border-radius: 10%;

}

#contfeet nav{
	width: 22.22%;
	background-color: #D8CBCB;
	padding: 1%;
	border: solid;
	border-radius: 10px;
	text-align: center;
}

#contfeet nav h4{
	-webkit-transform: scale(1);
	transform: scale(1);
}

#zic1:hover{
	-webkit-transform: scale(6);
	transform: scale(1.05);
}

#zic2:hover{
	-webkit-transform: scale(6);
	transform: scale(1.05);
}

#zic3:hover{
	-webkit-transform: scale(6);
	transform: scale(1.05);
}

#zic4:hover{
	-webkit-transform: scale(6);
	transform: scale(1.05);
}

#zic4 iframe{
	width:98%;
	height: 98%;
	border-radius: 10px;
}

#zic3 iframe{
	width:98%;
	height: 98%;
	border-radius: 10px;
}

#zic2 iframe{
	width:98%;
	height: 98%;
	border-radius: 10px;
}

#zic1 iframe{
	width:98%;
	height: 98%;
	border-radius: 10px;
}