#lines {
    border-bottom: 17px double black;
    border-top: 6px solid black;
    content: "";
    height: 5px;
    width: 35px;
}
.btn-menu {
    display: none;
}
@media screen and (min-width: 1170px) {
    #menu_haut {
        height: auto!important;
        overflow: visible;
    }
    .extend {
        display: none!important;
    }
}
@media screen and (max-width: 1170px) {
    .main-footer{
        display:none;
    }
    footer.content-footer{
    	left:0!important;
    }
    .fs-gallery-wrap{
        padding-left:0!important;
    }
    #header{
        padding-left:0!important;
    }
    .btn-menu {
        display: block;
        position: absolute;
        top: 30px;
        right: 20px;
        z-index: 1000;
    }
    #conteneur,
    #header,
    #menu_haut,
    #centreetdroite,
    #centre,
    #pied {
        width: 100%!important;
    }
    #centre,#centreetdroite,#droite {
        background-color: #fff;
        padding-top: 20px!important;
    }
    #conteneur {
        background-image: none;
    }
   
    #centre,
    #droite,#centreetdroite {
        width: 100%!important;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
        float: none;
        box-sizing: border-box;
        padding: 0 2.5%;
        margin: 0;
        padding-bottom:15px;
    }
    #centreetdroite{
        min-height:auto!important;
        margin-left:0px!important;
    }
    
    #header {
    	text-align:left;
        height: auto;
    }
    #header #tetiere {
        padding-top: 10px;
        text-align: center;
        width: 100%;
        position: relative;
        height: auto!important;
        padding-bottom: 10px;
    }
    #header #tetiere img {
        height: 60px;
        width: auto;
        display: inline-block;
    }
    #recherche {
        display: none;
    }
    #menu_haut ul li:hover ul {
        height: auto!important;
        padding: 0;
    }
    #menu_haut ul li ul {
        width: 100%!important;
    }
    #menu_haut table {
        width: 100%;
        text-align: center;
        position: relative;
        height: 0!important;
        overflow: hidden;
        display: block;
    }
    #menu_haut table tbody,
    #menu_haut table tbody tr,
    #menu_haut table tbody tr td {
        width: 100%;
        display: block;
    }
    #menu_haut table li {
        border-top: 1px solid #fff;
        width: 100%!important;
        text-align: center!important;
        display: block;
        float: none!important;
    }
    #menu_haut table li a {
        width: 100%!important;
        display: block;
       
        text-decoration: none!important;
        color: #fff!important;
        float: none;
        color: #000;
        height: auto;
        line-height: 13px;
        padding: 5px 0px!important;
        width: 168px;
        font-size: 14px;
        font-weight: bold;
        text-align:left;
        background: transparent
    }
    #menu_haut table ul {
      
    }
    #menu_haut ul li.PGS_DEV_DUR table ul {
        background-color: #1f9134;
    }
    #menu_haut .extend {
        padding: 0px;
        text-align: center!important;
        font-size: 30px!important;
        position: absolute;
        right: 0px;
        top: 0px;
        height: 100%;
        line-height: 30px;
        width: 35px;
        display:block!important;
        color: #000;
        font-weight: normal;
    }
    #menu_haut .extend:hover {
        color: #fff;
    }
    #menu_haut ul{
    	width:100%;
    	 padding:20px;
    }
    #menu_haut {

    	text-align:left;
        top: 100%;
        padding: 0;
        background-image: none;
        background-color: #fff;
        height: 0;
        margin:0;
        width:350px!important;
        position:absolute;
        right:0!important;
        overflow: hidden;
       
    }
    #menu_haut>ul>li {
        float: none!important;
        display: block!important;
        width: 100%!important;
        border-bottom: 1px solid #fff;
    }
    #menu_haut>ul>li.open table {
        height: auto!important;
        display: block!important;
    }
    #menu_haut>ul>li.open table ul {
        display: block!important;
        height: auto;
        overflow: visible;
        padding:0;
        padding-left:10px;
            top: 0px;
    margin-top: 0px;
    left: 0px;
    }
    #menu_haut>ul>li>a,
    #menu_haut>ul>li>a:visited {
        float: none;
        text-align:left;
        border: 0;
        height: auto!important;
        line-height: 30px;
        padding:5px 0px;
        background-image: none;
    }
    .mdl_album_categorie_liste_photo table,
    .mdl_album_categorie_liste_photo table tbody,
    .mdl_album_categorie_liste_photo table tbody tr,
    .mdl_album_categorie_liste_photo table tbody tr td{
        display:block;
        width:100%;
        box-sizing:border-box;
    }
    .mdl_album_categorie_liste_photo table > tbody > tr > td div{
        width:100%!important;
        box-sizing:border-box;
        background-size:cover;
        height:auto!important;
    }
    .mdl_album_categorie_liste_photo table > tbody > tr > td div a{
        width:100%!important;
        padding-top:55%!important;
        background-position:bottom center!important;
        height:70px!important;
        
    }
    .mdl_album_categorie_liste_photo table tbody tr td{
        width:33%;
        display:inline-block;
    }
     .mdl_album_categorie_liste_photo table{
         font-size:0;
         text-align:center;
     }
    .mdl_album_categorie_liste_photo table tbody tr{
        display:inline;
    }
}
@media screen and (max-width: 800px) {
    .mdl_album_categorie_liste_photo table tbody tr td{
   
        width:50%;
        box-sizing:border-box;
    } 
    .directions,.directions tbody, .directions tbody tr, .directions tbody tr td{
        width:100%;
        display:block;
    } 
    #map{
        width:100%!important;
    }
    #paragraphe71 table,#paragraphe71 table tbody, #paragraphe71 table tbody tr,#paragraphe71 table tbody tr td{
        display:block;
        width:100%;
    }
    #paragraphe71 table input[type="text"]{
        width:100%!important;
        box-sizing:border-box;
        height:30px;
    }
}
@media screen and (max-width: 600px) {
    .mdl_formulaire fieldset{
        box-sizing: border-box;
    width: 100%;
    margin: 0;
    display: block;
    min-width: 100%;

    }
    .mdl_formulaire fieldset textarea,.mdl_formulaire fieldset input{
        max-width:100%;
        box-sizing:border-box;
    }
    .mdl_formulaire fieldset input[type="text"]{
        height:30px!important;
    }
}

@media screen and (max-width: 500px) {
    .mdl_album_categorie_liste_photo table tbody tr td{
        display:block;
        width:100%;
        box-sizing:border-box;
    }   
}
@media only screen and  (max-width: 1224px) {
.fixed-filter-wrap {
	float:left;
	position:relative;
	width:100%;
	padding:50px 30px 30px;
	top:0;
	margin-bottom:20px;
}
.column-content {
	padding-right: 0;
}
}
@media only screen and  (max-width: 1064px) {
header.main-header {
    padding: 0 0 0 30px;
}
.logo-holder {
    padding-top: 24px;
}
.logo-holder img {
	height:20px !important;
}
.nav-button-wrap {
	display:block;
}
.nav-holder  , .main-footer , .fixed-bar:before , .sroll-nav-wrap ,  .hero-item:before , .nav-holder nav li a:before ,  .header-info , .height-emulator{
	display:none;
}
.content-holder , .content-footer  , .fixed-search{
	left:0;
}
.footer-inner {
	margin: inherit;
	float:left;
	width:100%;
	padding:90px 50px 70px 50px;
}
.slide-progress-container {
	right:50%;
	left:50px;
}
.pr-title {
	width:100%;
	margin-bottom:50px;
}
.cus-inner-title {
	margin-bottom:20px;}
.gallery-item {
	width:50% !important;
}
.blog-sidebar {
	margin-top:40px;
}
.widget-wrap {
    padding-left: 0;
}
.widget-wrap:before {
	left:0;
}
.footer-header {
	margin-top:25px;
}
.small-sec-title {
	margin-bottom:20px;
}
.section-title h2 , .hero-item h2 {
	font-size:44px !important;
	line-height:55px !important;
}
.order-item .btn{
	margin-top:70px;
}
.nav-holder {
	position:absolute;
	top:70px;
	right:0;
	width:260px;
	background:#fff;
	padding:30px;
	display:none;
	margin-right:0;
	overflow:auto;
	height:250px;
	box-shadow: 0 0 65px rgba(0,0,0,0.07);
}
.nav-holder nav {
	width:100%;
	float:left;
}
.nav-holder nav ul li  , .nav-holder nav ul li ul li , .nav-holder nav li ul li > ul    {
	float:left;
	width:100%;
	text-align:left;
	left:0;
	opacity:1;
	right: 0;
	height:auto;
	margin-left:0;
}
.nav-holder nav ul li {
	padding:10px 0;
}
.nav-holder nav ul li.lidec:before {
	position:absolute;
	right:10px;
	width:10px;
	height:10px;
     font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	content: "\f107";
	font-size:14px;
	top:10px;
}
.nav-holder nav li ul  {
	margin: 0;
	padding-left:20px;
	opacity: 1;
	visibility: hidden;
	position: relative;
	width:100%;
	display:none;
	top:0;
	left: 0;
	z-index: 1;
	background: none;
	float:left;
	width:100%;
	border-bottom:1px solid #eee;
}
.nav-holder nav li a , .nav-holder nav li ul li a  {
	padding:0;
	width:auto;
	color:#000;
}
.nav-holder nav li ul li  ul  {
	margin: 0;
	padding-left:20px;
	padding-top:15px;
	padding-bottom:0;
	opacity: 1;
	position: relative;
	display: block;
	visibility: visible;
	top:0;
	left: 0;
	z-index: 1;
	float:left;
	width:100%;
	border:none;
}
.nav-holder nav li  > ul.visul    {
	display: block;
	left:0;
}
.parallax-text{
	float:left;
	position:relative;
	top: inherit;
	left:inherit !important;
	right:inherit !important;
	width:100%;
	margin-top:50px;
	text-align:left;
}
.hero-item {
	padding:0 100px;
}
.section-container .box-item {
	margin-top:50px;
}
.testilider {
	margin-top:50px;
}
.testi-item h3 {
    padding-bottom: 20px;
}
section.header-section .testi-item p{
	margin-top:20px;
}
section.parallax-section .pr-title {
	padding-left:70px;
}
section.parallax-section .pr-title:after {
	left:70px;
}
.custom-inner-holder {
    margin-top: 30px;
}
.sb-overlay {
	left:0;
}
footer.content-footer {
	position:relative;
	float:left;
	width:100%;
	left:0px;
}
.nav-holder nav li a:hover  , .nav-holder nav li ul li  a:hover, nav.asl li  a.act-scrlink {
	color:#404040;
}
}
@media only screen and  (max-width: 768px) {
.team-holder li {
	width:100%;
}
section.header-section .bg  , section.header-section .overlay{
    width:100%;
}
section.header-section .overlay , section.parallax-section .overlay.op1 {
	opacity:0.4;
}
section.parallax-section {
    padding: 150px 0;
}
.inline-filter .gallery-filters{
	width:100%;
	padding:20px 0;
}
.inline-filter .gallery-filters a {
	width:100%;
	margin-right:0;
	text-align:left;
	margin-bottom:15px;
	padding-left:0;
}
.bold-filter.inline-filter .count-folio {
    margin-left: 0;
    padding: 15px 0;
    top: -3px;
}
.bold-filter.inline-filter .gallery-filters a:before  , .bold-filter.inline-filter .count-folio:before , .inline-facts:nth-child(2):before  {
	display:none;
}
.bold-filter {
    margin-top: 0;
    margin-bottom: 50px;
}
.inline-facts {
    width: 50%;
}
.menufilter {
	position:absolute;
	right:0;
	width:120px;
	background:#fff;
	top:70px;
}
.hid-filter {
	right:0;
	width:120px;
	top:70px;
}
}
@media only screen and  (max-width: 540px) {
.gallery-item , .clients-list li {
	width:100%  !important;
}
.subcribe-form span {
	display:none;
}
.subcribe-form {
    padding-left:0;
}
.section-title h2 , .hero-item h2 {
	font-size:34px !important;
	line-height:45px !important;
}
.slide-progress-container  , .partcile-dec{
	display:none;
}
.inline-facts {
    width: 100%;
}
.inline-facts:before{
	display:none;
}
.sidebar-menu {
	width:280px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bg {
	background-attachment: scroll !important;
	-webkit-background-size:cover;
	background-position:center;
}
}