@font-face {
    font-family: 'HelveticaNeueLT Com 65 Md';
    src: url('../fonts/HelveticaNeueLTCom-Md.ttf');
    src: local('../fonts/HelveticaNeueLT Com 65 Md'), url('../fonts/HelveticaNeueLTCom-Md.ttf') format('truetype');

}
ul{
    list-style:none;
}
.lien{
	text-decoration:none;
	color:#333;
}
.sous_lien{
	text-decoration:none;
	color:#fff;
}
.level1{
    /*background-color: #000000;*/
    border-radius: 3px 3px 3px 3px;
    color: #333;
    display: inline;
    float: left;
    margin: -13px 5px 0px 0px;
    padding: 12px 10px;
    position: relative;
    font-family: arial;
    font-size: 15px;
	letter-spacing:1px;
	font-weight:300; 
    /*border-top:1px solid #ababab;
    border-left:1px solid #7e7e7e;
    border-right:1px solid #6f6f6f;*/
    font-family: 'HelveticaNeueLT Com 65 Md';
    height:20px;
    /*background: rgb(158,158,158); /* Old browsers */
    /*background: -moz-linear-gradient(top,  rgba(158,158,158,1) 0%, rgba(191,191,191,1) 1%, rgba(158,158,158,1) 1%, rgba(130,130,130,1) 3%, rgba(130,130,130,1) 49%, rgba(99,99,99,1) 100%); /* FF3.6+ */
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(158,158,158,1)), color-stop(1%,rgba(191,191,191,1)), color-stop(1%,rgba(158,158,158,1)), color-stop(3%,rgba(130,130,130,1)), color-stop(49%,rgba(130,130,130,1)), color-stop(100%,rgba(99,99,99,1))); /* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(top,  rgba(158,158,158,1) 0%,rgba(191,191,191,1) 1%,rgba(158,158,158,1) 1%,rgba(130,130,130,1) 3%,rgba(130,130,130,1) 49%,rgba(99,99,99,1) 100%); /* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(top,  rgba(158,158,158,1) 0%,rgba(191,191,191,1) 1%,rgba(158,158,158,1) 1%,rgba(130,130,130,1) 3%,rgba(130,130,130,1) 49%,rgba(99,99,99,1) 100%); /* Opera 11.10+ */
    /*background: -ms-linear-gradient(top,  rgba(158,158,158,1) 0%,rgba(191,191,191,1) 1%,rgba(158,158,158,1) 1%,rgba(130,130,130,1) 3%,rgba(130,130,130,1) 49%,rgba(99,99,99,1) 100%); /* IE10+ */
    /*background: linear-gradient(to bottom,  rgba(158,158,158,1) 0%,rgba(191,191,191,1) 1%,rgba(158,158,158,1) 1%,rgba(130,130,130,1) 3%,rgba(130,130,130,1) 49%,rgba(99,99,99,1) 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e9e9e', endColorstr='#636363',GradientType=0 ); /* IE6-8 */
}
#header_nav ul{
    position:absolute;
    padding:0;
    left:-18px;
    display:none;
    margin-top: 12px;
    font-family: 'HelveticaNeueLT Com 65 Md';
}
.level2 a{
    padding: 14px 10px 10px;
    display: block;
    font-family: 'HelveticaNeueLT Com 65 Md';
}
.level2{
    width:170px;
    margin: 0;
    border-radius:0px;
    border-top:1px solid #000;
    font-family: 'HelveticaNeueLT Com 65 Md';
    color: #FFFFFF;
    display: inline;
    float: left;
    font-family: arial;
    font-size: 13px;
    border-left:1px solid #7d7d7d;
    border-right:1px solid #7d7d7d;;
    background: #afafaf; /* Old browsers */
    background: -moz-linear-gradient(top, #afafaf 0%, #7e7e7e 1%, #7a7a7a 38%, #747474 50%, #6b6b6b 77%, #686868 99%, #757575 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#afafaf), color-stop(1%,#7e7e7e), color-stop(38%,#7a7a7a), color-stop(50%,#747474), color-stop(77%,#6b6b6b), color-stop(99%,#686868), color-stop(100%,#757575)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #afafaf 0%,#7e7e7e 1%,#7a7a7a 38%,#747474 50%,#6b6b6b 77%,#686868 99%,#757575 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #afafaf 0%,#7e7e7e 1%,#7a7a7a 38%,#747474 50%,#6b6b6b 77%,#686868 99%,#757575 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #afafaf 0%,#7e7e7e 1%,#7a7a7a 38%,#747474 50%,#6b6b6b 77%,#686868 99%,#757575 100%); /* IE10+ */
    background: linear-gradient(to bottom, #afafaf 0%,#7e7e7e 1%,#7a7a7a 38%,#747474 50%,#6b6b6b 77%,#686868 99%,#757575 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afafaf', endColorstr='#757575',GradientType=0 ); /* IE6-9 */
}
.arrow-right {
    border-bottom: 5px solid transparent;
    border-left: 5px solid #FCFCFC;
    border-top: 5px solid transparent;
    float: right;
    height: 0;
    margin-top: 2px;
    width: 0;
    margin-right: 10px;
}
.main_menu_hover{
	/*color:#FFF;
    /*background: #656565; /* Old browsers */
    /*background: -moz-linear-gradient(top, #656565 0%, #676767 1%, #696969 38%, #747474 50%, #6c6c6c 77%, #676767 99%, #676767 100%); /* FF3.6+ */
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#656565), color-stop(1%,#676767), color-stop(38%,#696969), color-stop(50%,#747474), color-stop(77%,#6c6c6c), color-stop(99%,#676767), color-stop(100%,#676767)); /* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(top, #656565 0%,#676767 1%,#696969 38%,#747474 50%,#6c6c6c 77%,#676767 99%,#676767 100%); /* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(top, #656565 0%,#676767 1%,#696969 38%,#747474 50%,#6c6c6c 77%,#676767 99%,#676767 100%); /* Opera 11.10+ */
    /*background: -ms-linear-gradient(top, #656565 0%,#676767 1%,#696969 38%,#747474 50%,#6c6c6c 77%,#676767 99%,#676767 100%); /* IE10+ */
    /*background: linear-gradient(to bottom, #656565 0%,#676767 1%,#696969 38%,#747474 50%,#6c6c6c 77%,#676767 99%,#676767 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#656565', endColorstr='#676767',GradientType=0 ); /* IE6-9 */

}
.active_main_menu{
    height: 20px;
}
.active_first_element{
    border-radius:2px 2px 0 0;
    border-top:1px solid #000;
    background: -moz-linear-gradient(center top , #6C6C6C, #575758) ;
    background: -webkit-gradient(center top , #6C6C6C, #575758) ; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(center top , #6C6C6C, #575758); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(center top , #6C6C6C, #575758); /* Opera 11.10+ */
    background: -ms-linear-gradient(center top , #6C6C6C, #575758); /* IE10+ */
    background: linear-gradient(center top , #6C6C6C, #575758); /* W3C */

}
.active_last_element{
    border-radius:0 0 2px 2px;
    border-top:1px solid #000;
}
.active_only_element{
    border-top:1px solid #000;
    background: -moz-linear-gradient(center top , #6C6C6C, #575758) ;
    background: -webkit-gradient(center top , #6C6C6C, #575758) ; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(center top , #6C6C6C, #575758); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(center top , #6C6C6C, #575758); /* Opera 11.10+ */
    background: -ms-linear-gradient(center top , #6C6C6C, #575758); /* IE10+ */
    background: linear-gradient(center top , #6C6C6C, #575758); /* W3C */
    border-radius:2px;
}
.menu_hover{
    background: rgb(255,138,22); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top,  rgba(255,138,22,1) 0%, rgba(255,179,109,1) 1%, rgba(255,138,22,1) 3%, rgba(232,139,9,1) 40%, rgba(229,110,0,1) 82%, rgba(224,119,0,1) 97%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,138,22,1)), color-stop(1%,rgba(255,179,109,1)), color-stop(3%,rgba(255,138,22,1)), color-stop(40%,rgba(232,139,9,1)), color-stop(82%,rgba(229,110,0,1)), color-stop(97%,rgba(224,119,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,138,22,1) 0%,rgba(255,179,109,1) 1%,rgba(255,138,22,1) 3%,rgba(232,139,9,1) 40%,rgba(229,110,0,1) 82%,rgba(224,119,0,1) 97%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,138,22,1) 0%,rgba(255,179,109,1) 1%,rgba(255,138,22,1) 3%,rgba(232,139,9,1) 40%,rgba(229,110,0,1) 82%,rgba(224,119,0,1) 97%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,138,22,1) 0%,rgba(255,179,109,1) 1%,rgba(255,138,22,1) 3%,rgba(232,139,9,1) 40%,rgba(229,110,0,1) 82%,rgba(224,119,0,1) 97%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,138,22,1) 0%,rgba(255,179,109,1) 1%,rgba(255,138,22,1) 3%,rgba(232,139,9,1) 40%,rgba(229,110,0,1) 82%,rgba(224,119,0,1) 97%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8a16', endColorstr='#e07700',GradientType=0 ); /* IE6-8 */
    border-top:1px solid #000;
    padding-bottom: 0px;
}
#header_nav ul ul{
    position: relative;
    left: 0px;
    margin-top: 0;
    display:none;
}
.level3 a{
    padding: 8px 10px;
    display: block;
}
.level3{
    background: #49494A;
    border: none;
    outline: none;
    border-top: 1px solid #000;
    color: #FFFFFF;
    display: inline;
    float: left;
    font-family: arial;
    font-size: 13px;
    width: 170px;
}
.sub_active{
    background: rgb(255,138,22); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,138,22,1) 0%, rgba(255,179,109,1) 1%, rgba(255,138,22,1) 3%, rgba(232,139,9,1) 40%, rgba(229,110,0,1) 82%, rgba(224,119,0,1) 97%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,138,22,1)), color-stop(1%,rgba(255,179,109,1)), color-stop(3%,rgba(255,138,22,1)), color-stop(40%,rgba(232,139,9,1)), color-stop(82%,rgba(229,110,0,1)), color-stop(97%,rgba(224,119,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,138,22,1) 0%,rgba(255,179,109,1) 1%,rgba(255,138,22,1) 3%,rgba(232,139,9,1) 40%,rgba(229,110,0,1) 82%,rgba(224,119,0,1) 97%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,138,22,1) 0%,rgba(255,179,109,1) 1%,rgba(255,138,22,1) 3%,rgba(232,139,9,1) 40%,rgba(229,110,0,1) 82%,rgba(224,119,0,1) 97%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,138,22,1) 0%,rgba(255,179,109,1) 1%,rgba(255,138,22,1) 3%,rgba(232,139,9,1) 40%,rgba(229,110,0,1) 82%,rgba(224,119,0,1) 97%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,138,22,1) 0%,rgba(255,179,109,1) 1%,rgba(255,138,22,1) 3%,rgba(232,139,9,1) 40%,rgba(229,110,0,1) 82%,rgba(224,119,0,1) 97%); /* W3C */
    border-top:1px solid #ababab;
    padding-bottom: 0px;
}
.accordian_element_hover{
    background: #2D2D2D;
    width:170px;
    border-top:1px solid #000;
    color: #FFFFFF;
    display: inline;
    float: left;
    font-family: arial;
    font-size: 13px;
}
.accordian_element_hover a{
    padding: 8px 10px;
    display: block;
}
.items_num{
    background: none repeat scroll 0 0 #636363;
    border: 1px solid #000000;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    float: right;
    font-size: 11px;
    height: 10px;
    padding: 3px 0;
    position: relative;
    text-align: center;
    top: -2px;
    width: 25px;
}
.realisation{
margin-right:90px;
}
.titre-realisation{
	color: #093;
	font-weight:bold;
	font-size:18px;
	text-align:left;
	border-bottom:solid 1px #cccccc;
	margin-top: 20px;
	padding-bottom: 5px;
	padding-left: 25px;
	text-transform:none;
	background:url(../images/arrow.png) no-repeat;	
}
.hr-realisation{
/*	background:url(../images/gazon-hr.png) no-repeat;
*/	width:801px;
	height:21px;
	margin-bottom:10px;
	
}
.voir-plus{
	float:right; !important
	color:#060;
	font-weight:bold;
}
.border-fancybox {
	border:solid 2px #000;
	width:153px;
	height:141px; 
	display:block;
	float:left;
	margin-left:2px;
}
.equipement{
	width:900px;
}
.bare{
	background:url(../images/bare.png);
	height:3px;
	width:840px;
	margin-bottom:10px;
}



/*slide gauche*/
/* siteFeature2 CSS */

/* ---------------------------------------------------------------------- 
	Progressive enhancement. Adjust the Height of #preFeature2 to show as many rows as you like.
 ---------------------------------------------------------------------- */
#preFeature2{height:335px; overflow:hidden;}
	#preFeature2 *{padding:0px; margin:0px; border:none;}
	#preFeature2 div{width:49%; overflow:hidden; float:left; position:relative; margin:0px 5px 5px 0px;}
	#preFeature2 div img{width:76%; display:block;}
	#preFeature2 div a:link{position:absolute; top:0px; left:0px; text-indent:-9999px; display:block; width:76%; height:100%;}
	#preFeature2 div a:visited{position:absolute; top:0px; left:0px; text-indent:-9999px; display:block; width:76%; height:100%;}
	#preFeature2 div p{position:absolute; bottom:0px; left:0px; font-size:10px; color:#ffffff; background:#000000; padding:5px 10px 6px 10px; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}
	#preFeature2 div p a:link{position:static; text-indent:0px; display:inline; color:#ffffff; text-decoration:none;}
	#preFeature2 div p a:visited{position:static; text-indent:0px; display:inline; color:#ffffff; text-decoration:none;}

/* ---------------------------------------------------------------------- 
	These are the declarations you are more likely to change when you customize siteFeature2.
 ---------------------------------------------------------------------- */
 
/* this is the size of your siteFeature2 container */
#siteFeature2{width:380px; height:300px;}

/* these style the links that appear in the text area */
#siteFeature2 #SFcontentContainer div div a:link{color:#00ff00; text-decoration:none;}
#siteFeature2 #SFcontentContainer div div a:visited{color:#00ff00; text-decoration:none;}
#siteFeature2 #SFcontentContainer div div a:hover{text-decoration:underline;}

/* this sets the color and opacity of the text's background area */
/* you MUST change the opacity in all 4 places to get cross-browser consistency */
#siteFeature2 #SFcontentContainer div div span{background:#000000; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6;}

/* this sets the color and opacity of the buttons */
/* you MUST change the opacity in all 8 places to get cross-browser consistency */
#siteFeature2 #SFbtnContainer a:link{background:#ffffff; color:#000000; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}
#siteFeature2 #SFbtnContainer a:visited{background:#ffffff; color:#000000; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}

/* this is the hover and selected states for the buttons */
/* you MUST change the opacity in all 4 places to get cross-browser consistency */
#siteFeature2 #SFbtnContainer a:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
#siteFeature2 #SFbtnContainer.open a.trigger{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
#siteFeature2 #SFbtnContainer a.current{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}


/* ---------------------------------------------------------------------- 
	These are the declarations you aren't likely going to need to change.
 ---------------------------------------------------------------------- */
 
#siteFeature2{overflow:hidden; position:relative; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; color:#ffffff;}
	#siteFeature2 *{padding:0px; margin:0px; border:none;}

	#siteFeature2 #SFcontentContainer{position:absolute; top:0px; left:0px; width:100%; height:100%;}
		#siteFeature2 #SFcontentContainer div{position:absolute; top:0px; left:0px; width:100%; height:100%;}
		#siteFeature2 #SFcontentContainer div div{position:absolute; top:auto; bottom:0px; left:0px; width:100%; height:auto;}
		#siteFeature2 #SFcontentContainer div div span{position:absolute; top:0px; left:0px; width:100%; height:100%; display:block; /*IE6*/ _height:100px;}
		#siteFeature2 #SFcontentContainer div div p{position:relative; padding:5px 0px 6px 10px; width:90%;}
			#siteFeature2 #SFcontentContainer.nomenu div div p{width:100%;}
			#siteFeature2 #SFcontentContainer.left div div p{left:5%;}
			#siteFeature2 #SFcontentContainer.right div div p{}
		#siteFeature2 #SFcontentContainer div div a:link{color:#00ff00; text-decoration:none;}
		#siteFeature2 #SFcontentContainer div div a:visited{color:#00ff00; text-decoration:none;}
		#siteFeature2 #SFcontentContainer div div a:hover{text-decoration:underline;}

	#siteFeature2 #SFbtnContainer{position:absolute; bottom:8px; z-index:1337; /*IE6*/ _width:22px;}
	#siteFeature2 #SFbtnContainer.right{right:5px;}
	#siteFeature2 #SFbtnContainer.left{left:7px;}
		#siteFeature2 #SFbtnContainer div{overflow:hidden;}
		#siteFeature2 #SFbtnContainer a:link{text-decoration:none; font-weight:bold; display:block; width:20px; height:20px; line-height:20px; text-align:center; margin:2px 2px 0px 0px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;}
		#siteFeature2 #SFbtnContainer a:visited{text-decoration:none; font-weight:bold; display:block; width:20px; height:20px; line-height:20px; text-align:center; margin:2px 2px 0px 0px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;}
		#siteFeature2 #SFbtnContainer a:hover{opacity:1;}
		#siteFeature2 #SFbtnContainer a:active, #siteFeature2 #SFbtnContainer a:focus{outline:none;}
		#siteFeature2 #SFbtnContainer a.play{font-size:10px; font-weight:bold;}
		#siteFeature2 #SFbtnContainer a.pause{font-size:11px; font-weight:normal;}
/*slide gauche*/