@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
@import url(http://fonts.googleapis.com/css?family=Open+Sans|Open+Sans+Condensed:300,300italic,700);

@import url(https://fonts.googleapis.com/css?family=Oswald:400,700);


html{
	width: 100%;
	margin: 0;
	padding: 0;

}

body{
	font-family: "Open Sans";
	margin: 0 auto;
	padding: 0;
	background: rgba(253,247,239,0.5);

}
.text-center{
	text-align: center;
}

header{
	margin: 0;
	background: #faca54;
	padding: 20px
}

h1{
	text-transform: uppercase;
	text-align: center;
	font-size: 4em;
	color: #d94d8f;
	font-family: "Oswald";
	 text-shadow: 1px 1px #000;
}

p{
	text-align: justify;
	font-size: 1.2vw;
	line-height: 1.5vw
}

sup{
	font-size: 0.6vw;
	font-weight: 500
}

a{
	text-decoration: none
}

.container{
	width: 80%;
	margin: 0 auto
}

#box-content{
	padding-top: 100px;
	min-height: 500px;
	margin: 0 auto;
	/*background: url(../img/back-cote-jardin.png) no-repeat left top, url(../img/back-cote-fleurs.png) no-repeat right top;*/
	text-align: center;
}

.mes-box{
	max-width: 80%;
	width: 80%;
	margin: 0 auto
}

.ma-box{
	width: 45%;
}

#cote-jardin{
	float: left;
}

#cote-fleurs{
	float: right;
}

.box{
	width: 100%;
	height: 280px;
	border: 1px solid #9b9b9b;
	border-bottom: 10px solid #96c420;
	-moz-box-shadow: 5px 0px 5px 0px #9b9b9b;
	-webkit-box-shadow: 5px 0px 5px 0px #9b9b9b;
	-o-box-shadow: 5px 0px 5px 0px #9b9b9b;
	box-shadow: 5px 0px 5px 0px #9b9b9b;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=90, Strength=5);
}

.box{
	overflow: hidden;
}


#cote-jardin .titre{
	text-align: left;
}


#cote-jardin .box img, #cote-fleurs .box img{
	width: 100%
}

.box:hover{
	border: 1px solid #9b9b9b;
	border-bottom: 10px solid #9b9b9b;
}


.titre{
	text-align: left;
	display: inline-block;
	margin: 0px 0px 20px 0px;
	display: block;
	width: 100%;
}

.titre img{
	height: 60px;
}

#cote-fleurs .titre img{
	float: right;
}

footer{
	position: absolute;
	bottom: 0;
	width: 100%;
	display: block;
	margin: 0 auto;
	margin: 25px auto;
	padding-top: 5px;
	border-top: 1px solid #ccc;
}


#footer, #footer a{
	text-align: center;
	color: #ccc;
	margin: 0 auto;
	width: 80%;
}