body{

	max-width: 2000px;
}
#topBtn{
	transform: scaleY(-1);
	cursor:pointer;
	display: table;
	margin: 0 auto;
	margin-bottom: 30px;
	margin-top:50px;

}

p {
  color: #323232;
}


.titles{
	margin-top: 10px;

	display: flex;

}

#headName {

	text-align: left;
	font-family: Arial;
	font-weight: bold;
	color : #323232;
}

.headStripe{
	margin-left: 10px;
	border-left:2px solid #9C8760;
	height:17px;
	margin-top: 1px;
}

#headSculpture {
	margin-left: 10px;
	text-align: left;

	font-weight: bold;
	font-family: Arial;
	color: #9C8760;

}

#Logo{
	height: 44px;
	width: 48px;
	float: left;

}

.selected{

	font-weight: bold;
	font-family: Arial;
	color: #9C8760;

}

.notSelected{
	font-family: Arial;
	color: #808080;
}

@media (max-width: 730px) {
	body{
		max-width: 730px;
		background-image: url("Pictures/background.jpg");
		background-repeat: no-repeat;

		background-position: 0px 27px;
		background-size: 100% 802px;
		margin: 0;
	}



	#content {


	    padding-left: 5%;
	    padding-right: 5%;
			overflow: auto;
	}

	#menu{
		display: flex;
		justify-content: space-between;
		margin-top: 35px;
		margin-bottom: 40px;
		height: 54px;
		align-items: center;
		position: sticky;

	}

	#menuLine1 {
		display: none;
	}

	#menuIcon{
		display: block;
		font-size: 30px;
		color: #323232;
		width:48px;
		text-align: end;
	}/* CSS mobile ici */



	#titleMenu{
		/* display: block;
		float: left;
		line-height: 44px;
		position: absolute;
	    margin-left: auto;
	    margin-right: auto;
	    text-align: center;
	    left: 0;
	    right: 0;
	    width: 30%; */
			margin:auto;
	}

	#menuPhone{
		background-color: whitesmoke;
		position: absolute;
		left: 0;
	    right: 0;
	    max-height: 0px;
    	overflow: hidden;
		transition: 0.4s max-height;
		margin-left: 5%;
    	margin-right: 5%;
    	z-index: 2;

	}

	#menuPhone ul{
		list-style-type: none;
		padding: 0;
    	text-align: center;

	}

	#menuPhone ul li ul{

		max-height: 0px;
    overflow: hidden;
		transition: 0.4s max-height;
	}

	#menuPhone ul li  a{
		color: #808080;

		line-height: 3;
	}

	.stripe{
		border-left:2px solid #000;
		height:11px;
		margin-top: 5px;
	}

	#footStripe{
		margin: 0 auto;
		border-top:1px solid #323232;
		margin-bottom: 13px;
		width: 300px;
	}

	.footer {
		 height:150px;
		 position: static;
		 width: 100%;
		 color : #323232;
		 text-align: center;
	}

	.footer p{
		display: inline-block;
	}
}


@media(min-width: 730px){

	body{

		background-image: url("Pictures/background.jpg");
		background-repeat: no-repeat;

		background-position: 0px 27px;
		background-size: 1805px 1212px;
		margin: 0;

	}

	#menuIcon{
		display: none;
	}

	#titleMenu{
		display: none;
	}

	#menuPhone{
		display: none;
	}

	#content {
		min-width: 730px;
	    margin: 0 auto;
	    padding-left: 5%;
	    padding-right: 5%;
	    min-height: calc(100vh-150px);
			margin-bottom: 30px;
			overflow: auto;

	}
	/*   Menu   */
	#menu{
		margin-top: 35px;
		margin-bottom:40px;
	}

	#menuLine1{
		display: flex;
		justify-content: space-around;
		list-style-type: none;
		padding-left: 0px;
		height: 54px;

	}

	#menuLine1 li{
		line-height: 44px;
		font-size: 1.3vw;

	}

	#menuLine1 a:hover{
		text-decoration: none;
	}

	#menuLine1 li ul li a {
	    font-family: Arial;
	    color: #808080;
	    padding-left: 15px;
	    padding-right: 15px;
	}
	#menuLine1 ul {
		display: none;
	    list-style: none;
	    position: absolute;
	    padding-left: 0px;

	    background-color: whitesmoke;
	    z-index: 2;

	}
	.stripe{
		border-left:2px solid #000;
		height:11px;
		margin-top: 5px;
	}

	#footStripe{
		margin: 0 auto;
		border-top:1px solid #323232;
		margin-bottom: 20px;
		width: 300px;

	}
	.footer {
	   height:150px;
	   position: static;
	   width: 100%;
	   color : #323232;
	   text-align: center;
	}



}