/* CSS Document */


img{
	max-width: 100%;
	height: auto;
}
#top{
	color: grey;
}
#top img{
	width: 15px;
	max-width : 100%;
	
}
.container{
	max-width: 1110px;
}
.row{
	height: auto;
	
}
#header{
	background: #9d457f;
}
h1{
	color: white;
	font-family: "medhurstregular";
	text-align: center;
	font-size: 80px;
}

#navbarSupportedContent a{
	text-decoration: none;
	font-size: 19px;
	color: white;
	transition: 0.3s;
	padding-left: 23px;
	text-align: center;	
}
#header img{
	display: block;
	max-width : 100%;
	margin: auto;
	width: 500px;
}

.bdroite{
	border-right: 1px solid #FFFFFF;	
}
.bdroite_noir{
	border-right: 1px solid #919090;
}
#navbarSupportedContent a{
	padding-right: 12px;
}
#navbarSupportedContent a:hover{
	font-size: 22px;
}
#navbarSupportedContent{
	justify-content:center!important;
}
#fleur{
	background: url("image/bouquet01.jpg") no-repeat center;
	height: 153px;
	background-size: cover;

}
h2{
	font-family: "medhurstregular";
	color: darkslategrey;
	text-align: center;
	padding-top: 60px;
	margin-bottom: 60px;
}
#contenu{
	background: url("image/pattern.png") repeat #F4F4EC;;
}
#guillemet-gauche{
	background: url("image/guillemets-gauche.svg") no-repeat left;
	height: 10%;
	margin: 8px 0 0 38px;
}
#guillemet-droit{
	background: url("image/guillemet-droit.svg")no-repeat right;
	height: 7%;
	margin: 8px 0 0 8px;
}
.fond-blanc{
	background: #FFFFFF;
	padding: 5px;;
}
#contenu img{
	width: 295px;
	height: auto;
	text-align: center;
}
#contenu p{
	color: darkslategrey;
	text-align: justify;
	font-size: 25px;
	font-weight: 300;
}
.bloc-vente{
	background: #FFFFFF;
	border-right: 1px solid #7C6F70;
	width: auto;
	
}
.bloc-vente a{
	display: block;
	text-decoration: none;
	color: darkslategrey;
	position: relative;
	
}
.bloc-vente p{
	font-size: 20px !important;
	text-align: center!important;
	padding: none;
	
}
.bloc-vente a:hover .survol{
	opacity: 100%;
	
}
.survol{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background: url("image/plus.svg") no-repeat center rgba(153,136,44,0.5);
	transition: 400ms;
	
	
}
#formulaire{
	display: block;
	margin: auto;
	border: solid 2px white;
	
}
::placeholder{
	opacity:0.9;
}
#contact{
	background: url("image/bouquet07.jpg") no-repeat ;
	background-size: cover;
	padding-bottom: 20px;
	padding-top: 20px;
}
legend{
	color: white;	
	text-align: center;
	font-family: "medhurstregular";
	font-size: 35px;
}
#contact p{
	color: white;
}
#bandeaubas{
	background: #FFFFFF;
	margin-bottom: 20px;
	margin-top: 20px;
}
#bandeaubas p{
	color: darkslategrey;
	margin-bottom: 20px;
	margin-top: 20px;
	margin: auto;
	text-align: center;
}
#monForm p{
	color: white;
	font-size: 15px;
	margin: 10px;
	text-align: left;
}
#monForm fieldset legend{
	color: white;
}
#prenom{
	color: white;
	margin-top: 20px;
	border-top: rgba(255,255,255,1.00);
	border-left: none;
	border-right: none;
	font-style: italic;
	width: 70%;
}
#nom{
	border-top: rgba(255,255,255,1.00);
	border-left: none;
	border-right: none;
	color: white;
	margin-top: 20px;
	font-style: italic;
	width: 70%;
}

#email{
	margin-top: 20px;
	color: white;
	border-top: rgba(255,255,255,1.00);
	border-left: none;
	border-right: none;
	margin-bottom: 25px;
	font-style: italic;
	width: 70%;
}
#telp{
	border-top: rgba(255,255,255,1.00);
	border-left: none;
	border-right: none;
	color: white;
	margin-top: 20px;
	font-style: italic;
}
#date{
	margin-top: 20px;
	color: white;
	border-top: rgba(255,255,255,1.00);
	border-left: none;
	border-right: none;
	margin-bottom: 20px;
	font-style: italic;
	
}
#motif{
	margin-top: -20px;
}
#motif p{
	font-size: 14px;
}
#message{
	color: white;
}
#envoyer{
	padding-left: 40px;
	padding-right: 40px;
	
}
#bandeaubas{
	background: #FFF;
}
#bandeaubas p{
	text-align: center;
	color: darkslategrey;
	font-size: 18px;
}
input[type="text"]{
	width: 100%;
}
input[type="email"]{
	width: 100%;
}
textarea{
	width: 100%;
}

@media screen and (max-width:768px){
	
	#fleur{
		height: 100px;	
	}
	
}
@media screen and (max-width:1200px){
	
	#navbarSupportedContent a{
		font-size: 15px;
	}
}