body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background:#4d6943;
	background-image: url(fond.png);
	margin: 0;
	padding: 0;
	color: #000;
}

#owl-demo .item img{
    display: block;
    width: 100%;
    height: auto;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
	padding-right: 15px;
	padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
}
.container {
	width: 924px;
	background-color: #FFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	overflow: hidden; /* this declaration makes the .container understand where the floated columns within ends and contain them */
}

.content {
	background-color: #B6D578;
	width: 924px;
	height: 800px;
}
#Headerback {
	position: absolute;
	top: -10px;
	width: 924px;
	height: 208px;
	z-index: 1;
}
#Top {
	position: absolute;
	top: 0px;
	width: 924px;
	height: 208px;
	z-index: 3;
}
#Fleche {
	position: absolute;
	top: 0px;
	width: 924px;
	height: 208px;
	z-index: 2;
}
#Grue {
	position: absolute ;
	width: 230px;
	height: 126.6px;
	z-index: 4;
	left: 64.5%;
	top: 74px;
}
#Footer {
	position: absolute;
	top: 830px;
	width: 924px;
	height: 133px;
	z-index: 5;
	/*background-color: #9ac14b;*/
}
#Droite {
	position:relative;
	width: 70px;
	height: 0px;
	z-index: 6;
	top: 20%;
	right: -92.5%;
}
#Gauche {
	position:relative;
	width: 70px;
	height: 0px;
	z-index: 6;
	top: 20%;
	left: 0%;
}
#tables{
	position:relative;
	font-size:15;
	border-bottom-color:pink;
	top:15%;
	width:764px;
	z-index:15;
	margin-left: auto;
    margin-right: auto;
	
}
#apDiv1 {
	position: absolute;
	width: 200px;
	height: 115px;
	z-index: 7;
	left: 573px;
	top: 357px;
}

/* MENU */
#menu, #menu ul{
		padding:0;
		margin:0;
		list-style:none;
		position:absolute;
		/*margin-top: 200%;*/
		top:165px;
		/*top: 20%;*/
		z-index: 9;
}
#menu li{
		display:inline-block;
		/*position:relative;*/
		box-shadow: 4px 0px 10px 4px rgba(20, 18, 18, 0.75);
		-moz-box-shadow: 4px 0px 10px 4px rgba(20, 18, 18, 0.75);
		-webkit-box-shadow: 4px 0px 10px 4px rgba(20, 18, 18, 0.75);
		/*z-index: 8;*/
}
#menu ul{
		/*position:absolute;*/
		max-height:0;
		left: 0;
		/*right: 0;*/
		overflow:hidden;
		-moz-transition: .8s all .3s;
		-webkit-transition: .8s all .3s;
		transition: .8s all .3s;
		z-index: 8;
}
#menu li:hover {
		/*text-decoration:none;
		max-height:15em;*/
		background:#677F35;
		background-image:linear-gradient(to bottom, #677F35 0%, #887F35 100%);
		transition: background 0.6s;
		/*z-index: 8;*/
		color:#FFFFFF;
}

/* background des liens menus */
#menu li{
		background-color: #808080;
		background-image:-webkit-linear-gradient(top, #808080 0%, #2F4F4F 100%);
		background-image:linear-gradient(to bottom, #808080 0%, #2F4F4F 100%);
		z-index: 8;
}

#licurr{
		/*background-color: #B6D578;*/
		/*background-image:-webkit-linear-gradient(top, #808080 0%, #2F4F4F 100%);
		background-image:linear-gradient(to bottom, #808080 0%, #2F4F4F 100%);*/
		background-image:linear-gradient(to bottom, #677F35 0%, #887F35 100%);
		z-index: 8;
}
/* les a href */
#menu a{
		text-decoration:none;
		display:block;
		padding:8px 32px;/* taille des tuille du menu*/
		color:#FFFFFF;
		font-family:arial;
		z-index: 8;
}
#menu img{
	position: absolute; 
	top: 260px;
	left: 670px; 
	z-index: 100;
}

#slideshow {
	width:382px;
	height:296px;
	border:9px solid #cacaca;
	border-radius:5px;
}

#slideshow img{
	position:absolute;
	z-index:100;
	opacity:0.0
}
#slideshow IMG.active{
	z-index:100;
	opacity:1.0
}
#slideshow IMG.last-active {
	z-index:100
}

#video-fond > video {
  overflow: hidden;
  width: 180.5px;
  /*height: 1px;*/
  position: relative;
  /*top: 0px;*/
  margin-top:1px;
  left: 0px;
  z-index:5;
}

.zoomarticle {
	height: auto;
	float: left;
	/*margin-bottom: 1.65em;*/
	/*margin-left: 3%;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	list-style: none;
	z-index:100;
}
 
.article_big_img {
	width: 382px;
	height: 296px;
	overflow: hidden;
	/*padding: 2px;*/
	z-index:100;
}
 
.article_big_img > img {
position:absolute;
	width: 382px;
	height: 296px;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	z-index:100;
}
 
.zoomarticle:active > .article_big_img > img {
	transform: scale(2.30);
	-ms-transform: scale(2.30);
	-webkit-transform: scale(2.30);
	-o-transform: scale(2.30);
	-moz-transform: scale(2.30);
	z-index:100;
	margin-left: 175px;
}
/* style de la page contact */
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="url"],
#contact-form textarea,
#contact-form button[type="submit"] {
	font:400 12px/12px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#contact-form{
    display: inline-block;
    text-align: center;
    }
#contact-form h3 {
	color:#000000;
	display:block;
	font-size:25px;
}
#contact-form h4 {
	margin:5px 0 15px;
	display:block;
	font-size:9px;
}
#contact-form label span {
	cursor:pointer;
	color:#000000;
	display:block;
	margin:5px 0;
	font-size: 10px;
}
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="url"],
#contact-form textarea {
	width:60%;
	box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-webkit-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-moz-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	border:1px solid #CCC;
	background:#FFF;
	margin:0 0 5px;
	padding:10px;
	border-radius:5px;
}
#contact-form input[type="text"]:hover,
#contact-form input[type="email"]:hover,
#contact-form input[type="tel"]:hover,
#contact-form input[type="url"]:hover,
#contact-form textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #AAA;
}
#contact-form textarea {
	height:75px;
	max-width:100%;
}
#contact-form button[type="submit"] {
	cursor:pointer;
	width:63%;
	border:none;
	background-color: #808080;
	background-image:-webkit-linear-gradient(top, #808080 0%, #2F4F4F 100%);
	background-image:linear-gradient(to bottom, #808080 0%, #2F4F4F 100%);
	color:#FFF;
	margin:0 0 5px;
	padding:10px;
	border-radius:5px;
}
#contact-form button[type="submit"]:hover {
	background:#677F35;
	background-image:linear-gradient(to bottom, #677F35 0%, #887F35 100%);
	transition: background 0.6s;
}
#contact-form button[type="submit"]:active {
	box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);
}
#contact-form input:focus,
#contact-form textarea:focus {
	outline:0;
	border:1px solid #999;
}

::-webkit-input-placeholder {
	color:#888;
}
:-moz-placeholder {
	color:#888;
}
::-moz-placeholder {
	color:#888;
}
:-ms-input-placeholder {
	color:#888;
}