body{
	background: #C6C8BB;
	font-family: "Helvetica Neue";
}

.container1110{
	padding: 10px;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-inline: auto;
	width: 1090px;
	background: white;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	-webkit-box-shadow: 0 0 10px 0 #707070;
	box-shadow: 0 0 10px 0 #707070;
}

#logo{
	height: 148px;
}

header{
	background: url("images/Image1.jpg") no-repeat top right;
	position: relative;
}

.btnheader{
	color: white;
	padding: 5px 20px;
	text-decoration: none;
	-webkit-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;
	transition: all 200ms;
}

#btnheader1{
	background: #FB45A2;
	position: absolute;
	top: 5px;
	right: 155px;
}

.btnheader:hover{
	transform: scale(110%);
}

#btnheader2{
	background: #F29B28;
	position: absolute;
	top: 5px;
	right: 5px;
}

nav>ul{
	display: flex;
	position: absolute;
	bottom: 48px;
	right: 20px;
}

nav a{
	text-decoration: none;
	transition: all 200ms;
	margin-inline: 10px;
	padding: 10px 20px;
	background: #E2E2E2;
	color: #707070;
	display: block;
	text-align: center;
}

nav>ul>li>a{
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}

nav a:hover{
	color: white;
	background: #FB45A2;
}

nav ul li{
	position: relative;
}

nav ul ul{
	position: absolute;
	left: 0px;
	top: 35px;
	display: none;
}

nav ul ul a{
	text-decoration: none;
	transition: all 200ms;
}

nav ul li:hover ul{
	display: block;
}

#barreh{
	background: url("images/barreh.jpg") no-repeat;
	height: 48px;
}

.principal, .contact{
	background: #F0F0F0 url("images/barreb.jpg") bottom no-repeat;
	display: flex;
	padding-bottom: 28px;
}

.principal{
	align-items: center;
}

#textehaut{
	width: 575px;
	padding-left: 25px;
}

#textehaut h2{
	text-transform: uppercase;
	color: #FB45A2;
	font-size: 22px;
	margin-bottom: 20px;
}

#textehaut p{
	color: #707070;
	font-size: 14px;
	margin-bottom: 20px;
}

#textehaut h4{
	text-transform: uppercase;
	color: #FB45A2;
	font-size: 15px;
	margin-bottom: 20px;
}

#textehaut ul{
	margin-bottom: 20px;
}

#textehaut li{
	color: #707070;
	font-size: 14px;
	padding-left: 20px;
	margin-bottom: 5px;
	background: url("images/ellipse.jpg") no-repeat left;
}

#imgprincipale{
	text-align: center;
	width: 490px;
	height: 221px;
	margin-bottom: 48px;
}

.principal img{
	width: 250px;
	height: auto;
	border: 1px solid #707070;
}

#indexbas{
	display: flex;
	justify-content: space-around;
}

.colonnes3{
	width: 300px;
	margin-top: 45px;
	position: relative;
}

.colonnes3 h3{
	color: #EA51A4;
	font-size: 22px;
}

.colonnes3 p{
	color: #707070;
	font-size: 14px;
}

.colonnes3 .savoirplus a{
	color: #EA51A4;
	text-decoration: none;
	font-size: 10px;
	position: absolute;
	top: 240px;
	left: 238px;
}

.colonnes3 img{
	width: 300px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#infoscontact{
	background: url("images/barrecontact.png") right no-repeat;
	height: 387px;
	width: 390px;
	padding-right: 20px;
	padding-left: 20px;
}

#infoscontact h3{
	text-transform: uppercase;
	color: #ea51a4;
	font-size: 22px;
	margin-bottom: 20px;
}

#infoscontact h4, #formulairecontact h4{
	text-transform: uppercase;
	color: #ea51a4;
	font-size: 15px;
	margin-bottom: 10px;
}

#infoscontact p{
	color: #707070;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 20px;
}

.boldpink{
	color: #ea51a4;
	font-weight: bold;
}

.bold{
	font-weight: bold;
}

#infoscontact a{
	text-decoration: none;
	font-weight: bold;
	color: #363FB5;
}

#formulairecontact{
	margin-top: 40px;
	margin-left: 20px;
}

form p{
	margin-bottom: 5px;
	color: #707070;
}

form label{
	display: block;
	width: 100px;
}

form input[type="text"], [type="email"], textarea{
	position: relative;
	top: -15px;
	left: 110px;
	width: 220px;
}

form textarea{
	width: 300px;
	height: 200px;
	resize: none;
}

#ville, #cp{
	width: 140px;
}

form input[type="submit"], [type="reset"]{
	width: 143px;
	line-height: 25px;
	color: #707070;
	background: white;
	border: 1px solid #707070;
	-webkit-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
	transition: all 200ms;
}

form input[type="submit"]:hover, [type="reset"]:hover{
	color: #ea51a4;
	border: 1px solid #ea51a4;
}

form input[type="submit"]{
	margin-left: 120px;
}

footer{
	margin-top: 90px;
	display: flex;
	justify-content: space-between;
	font-size: 10px;
	color: #707070;
}

footer a{
	text-decoration: none;
	color: #707070;
	transition: all 200ms;
}

footer a:hover{
	color: #ea51a4;
}