/*

@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans Narrow'), local('PTSans-Narrow'), url(https://fonts.gstatic.com/s/ptsansnarrow/v9/BngRUXNadjH0qYEzV7ab-oWlsbCIwR26eg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans Narrow'), local('PTSans-Narrow'), url(https://fonts.gstatic.com/s/ptsansnarrow/v9/BngRUXNadjH0qYEzV7ab-oWlsbCGwR0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19y7DRs5.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


*/

.navbar {
    padding: 0 0;
	box-shadow: 1px 0px 25px 1px rgba(0, 0, 0, 0.6);
}

.navbar .navbar-brand {
	display:inline-block;
    padding-top: 0;
    padding-bottom: 0;
	margin-right: 0;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;
}

.btn.active,
.btn:active,
.btn:focus {
  outline: none; 
}



body {
	/*
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  overflow-x: hidden; 
  */
  
/* background-color:transparent; */
/* Montserrat Jura Amaranth */

	  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	  background-image:url('/img/fdev-espaces-verts.jpg');
	  background-attachment:fixed;
	  background-position:50% 100%;
	  background-size:cover;

  }

.body-wrapper {
  background-color:rgba(255,255,255,0.7);
}
  

p {
  font-size: 1em;
  font-weight:400;
}

p.small {
  font-size: 16px; 
}

.hov-opac {
	opacity:0.7;
    -webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
}


.f-big {font-size:2.3em;}
.hidden {display:none;}
.no-visible {visibility:hidden;}

.color-a {color:#FFD700}
.color-b {color:#aaa}

.hov-opac:hover,
.hov-opac:active,
.hov-opac:focus {
	opacity:1;
}

a,
a.active,
a:active,
a:focus,
a:hover {
  outline: none; 
  text-decoration:none;
}
  
a {
    color: #047631;
}

a.active,
a:active,
a:focus,
a:hover {
    color: #0275d8;
}

button,label {
	cursor:pointer;
}

.container-brand {
    width: auto;    
	max-width: auto;
	margin-right: 0;
	margin-left: 0;
}

#mainNav {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight:700;
  border: none;
  background: rgb(250,250,250);
}

#mainNav li {
	line-height: 1.6;
}

#mainNav a.nav-link {
	color:#222;
	/* font-family: 'Open Sans Condensed'; */
	/* font-family: 'PT Sans Narrow'; */
	/* font-family: 'Roboto Condensed'; */
  
    background: transparent;
	text-align:center;
	font-size: 0.9em;
	padding-right: 0.5rem;
	padding-left: 0.5rem;
	background-color: #fff;
	
    -webkit-transition: color ease 0.5s,background-color ease 0.5s;
    -moz-transition: color ease 0.5s,background-color ease 0.5s;
    transition: color ease 0.5s,background-color ease 0.5s;
}


#mainNav a.nav-link.active,
#mainNav a.nav-link:active,
#mainNav a.nav-link:focus,
#mainNav a.nav-link:hover {
   color:#fff;
	background: #35B554;
}

#mainNav .navbar-toggler {
	border: none;
    font-size: 24px;
    border-radius: 0;
    padding: 9px 15px;
    text-transform: uppercase;
    cursor:pointer;
	outline:none;
	background-color: #fff;
	color: #58a;
}

#mainNav .navbar-toggler:active, #mainNav .navbar-toggler:focus, #mainNav .navbar-toggler:hover {
   background-color: #58a; 
	color:#fff;
}

#mainNav .navbar-toggler-icon {
    width: auto;
    height: auto;
    vertical-align: inherit;
}

.container-navbar {
	padding-left:0;
	padding-right:0;
}

.navbar-navmain {
  font-weight: 700;
  text-transform: uppercase;
}

.navbar .main-logo {
	max-height: 42px;
    -webkit-transition: max-height 0.3s;
    -moz-transition: max-height 0.3s;
    transition: max-height 0.3s;
}

/*
.navbar.navbar-shrink .main-logo {
	max-height: 42px;
}
*/

.navbar .navbar-navmain a {
	padding-top: 16px;
	padding-bottom: 16px;
    -webkit-transition: padding-top 0.3s, padding-bottom 0.3s;
    -moz-transition: padding-top 0.3s, padding-bottom 0.3s;
    transition: padding-top 0.3s, padding-bottom 0.3s;
}

.navbar.navbar-shrink .navbar-navmain a {
    padding-top: 16px;
    padding-bottom: 16px;
}

.dropdown-menu.topnav-dropdown {
	
	margin: .03rem 0 0;
	border-radius: 0;
	padding: 0;

	border: none;
	min-width:240px;
	
	background-color:rgb(30,30,30);
	
    -webkit-box-shadow: 0 4px 6px 5px rgba(0,0,0,.3);
    -moz-box-shadow: 0 4px 6px 5px rgba(0,0,0,.3);
    box-shadow: 0 4px 6px 5px rgba(0,0,0,.3);
	
    -webkit-transition: -webkit-box-shadow ease .5s;
    -moz-transition: -moz-box-shadow ease .5s;
    -o-transition: box-shadow ease .5s;
    transition: box-shadow ease .5s;

}

.dropdown-menu.topnav-dropdown:hover,.dropdown-menu.topnav-dropdown:active,.dropdown-menu.topnav-dropdown:focus {
    -webkit-box-shadow: 0 7px 12px 1px rgba(0,0,0,.9);
    -moz-box-shadow: 0 7px 12px 1px rgba(0,0,0,.9);
    box-shadow: 0 7px 12px 1px rgba(0,0,0,.9);
}

.navbar-navmain ul.topnav-dropdown a {
	padding-top: 13px;
	padding-bottom: 13px;
	font-size:0.92rem;
	font-weight:700;
    -webkit-transition: color ease 0.3s,background-color ease 0.3s;
    -moz-transition: color ease 0.3s,background-color ease 0.3s;
    transition: color ease 0.3s,background-color ease 0.3s;
}

.navbar-navmain ul.topnav-dropdown a:hover, .navbar-navmain ul.topnav-dropdown a:active, .navbar-navmain ul.topnav-dropdown a:focus {
	background-color: #5a9af4;
	color:#fff;
}

.dropdown-menu.langnav-dropdown {
	min-width: 90px;
	right: 0;
	left:auto;
    background-color: rgb(255,255,255);
    border-radius: 0rem;
	padding: 0 0;
	margin: .1rem 0 0;
}

.dropdown-menu.langnav-dropdown a.nav-link {
	padding-top: 15px;
	padding-bottom: 15px;
}



form.form-stylea .form-control {
    color: #464a4c;
    background-color: #fff;
    outline: 0;
	font-size: 1.3em;
	position: relative;
	z-index: 1;
	padding-right: 1em;
	padding-left: 1em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	resize: none;
	border: solid #c4c4c4 1px;
	border-radius: 0;
	background: none;
	box-shadow: none !important;
}


form.form-stylea .form-control:focus {
    color: #464a4c;
    background-color: #fafafa;
	border: solid #ff9859 1px;
    outline: 0;
}

select.form-control,select.form-control:not([size]):not([multiple]) {
    height:auto;
}

form.form-stylea label.form-control.label-checkbox {
	font-size: 1em;
	padding:0.5em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


form.form-stylea .form-control:focus {
    color: #464a4c;
    background-color: #fafafa;
    border: solid #b2c8fa 1px;
    outline: 0;
}


/************    FORM STYLE B    ************/


form.form-styleb .form-control {
    color: #fff;
    background-color: #57aa50;
	font-size: 1em;
	padding-right: 0.5em;
	padding-left: 0.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border: solid #348a45 1px;
	border-radius: 0;
	font-weight:700;

}


form.form-styleb .form-control::placeholder,
form.form-styleb .form-control::-moz-placeholder {
    color: #fff;
    opacity: 0.6;
}


.group-travaux input {margin:auto}

.group-travaux .label-checkbox {
	font-weight:700;
}

.group-travaux .label-checkbox:hover,
.group-travaux .label-checkbox:active,
.group-travaux .label-checkbox:focus {
	background-color:#ECEEEF;
}

.group-travaux .input-group-text {min-width: 40px;}

.group-travaux [type="checkbox"].form-check-input {
	position: absolute;
	margin-left: 12px !important;
	margin-right: 12px;
	margin-top: 13px;
}


.group-travaux .form-check-input:checked + label {
	background-color:#C6FCCC;
}


h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Ubuntu', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase; 
 }

 
h1 {
	margin-top: 2rem;
	margin-bottom: 3rem;
}
 

h3 {
    font-size: 1.4rem;
	margin-bottom:18px;
	margin-top:8px;
}


/*
.font-monserrat {
  font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.font-monserrat-bld {
  font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight:700;
}
.font-jura {   
	font-family: 'Jura', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.font-jura-bld {   
	font-family: 'Jura', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight:700;
}
.font-amaran {   
	font-family: 'Amaranth', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.font-opnsans {   
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.font-opnsans-bld {   
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight:700;
}
.font-arvo {   
	font-family: 'Arvo', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.font-arvo-bld {   
	font-family: 'Arvo', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight:700;
}
.font-signik {   
	font-family: 'Signika', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.font-signik-bld {   
	font-family: 'Signika', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight:700;
}
.font-fira {   
	font-family: ' Fira Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.font-fira-bld {   
	font-family: ' Fira Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight:700;
}
.font-fira-xbld {   
	font-family: ' Fira Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight:900;
}
.font-oswald {   
	font-family: 'Oswald', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.font-oswald-bld {   
	font-family: 'Oswald', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight:700;
}
.font-roboto {   
	font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.font-roboto-bld {   
	font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight:700;
}
.font-josefi {   
	font-family: 'Josefin Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.font-josefi-bld {   
	font-family: 'Josefin Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight:700;
}
.font-ubun {   
	font-family: 'Ubuntu', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.font-ubun-bld {   
	font-family: 'Ubuntu', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight:700;
}
*/

.ov-hidden {
 overflow:hidden	
}

hr.star-light {
	border-color: #fc873f;
	color: #fc873f;
}

 
hr.star-light,
hr.star-primary {
  max-width: 250px;
  margin: 25px auto 30px;
  padding: 0;
  text-align: center;
  border: none;
  border-top: solid 5px; 
}

hr.star-light:after {
  /* background-color: #fc873f; */
}

hr.star-primary {
  border-color: #fc873f; }

hr.star-primary:after {
  color: #fc873f;
 }

.img-centered {
  margin: 0 auto; 
}



section {
  padding: 20px 0; 
}

section h2 {
    font-size: 1.5em;
	margin: 10px 0 50px 0;
}

section h3 {
    font-size: 1.3em;
	margin-top: 1.2rem;
	margin-bottom: 1.6rem;
}

.caption-content h3 {
    font-size: 1em;
	margin-bottom:6px;
}

.caption-content p {
	font-size: 0.7em;
	padding: 0 15px;
	text-shadow: 0px 0px 3px #fff;
	font-weight:700;
}


.top-block {
  padding-top: 80px;
  padding-bottom: 20px;
  /* background-color:rgba(255,255,255,0.8); */
}

.bg-medfad {
 background-color:rgba(255,255,255,0.8); 
}

.masthead {
  padding-top: 45px;
  padding-bottom: 25px;
  text-align: center;
}

.masthead img {
    display: block;
    margin: 0 auto 20px; 
}


.intro-text {
    font-family: 'Amaranth', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    display: block;
}

.devis-text {
    font-family: 'Amaranth', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 1.4em;
}
.devis-text {
	margin-top:10px;
}



.intro-text {
    font-size: 1.2em;
    font-weight: 400;
	text-shadow: 0px 0px 5px #fff;
	line-height:40px;
}

.spec-text {
    font-size: 1.1em;
    font-weight: 400;
	text-shadow: 0px 0px 5px #fff;
	line-height:40px;
}




/****              BLOCKS STYLES           ********/



.mvblock-cont .mvblock-item {
  right: 0;
  margin: 0 0 15px; 
}

.mvblock-cont .mvblock-item .mvblock-link {
    position: relative;
    display: block;
    max-width: 400px;
    margin: 0 auto;
	border:solid #ccc 4px;
	overflow: hidden;
    transition: border .3s ease-in-out;

}

.mvblock-cont .mvblock-item .mvblock-link .cap-img {
	opacity:0.7;
	transform: scale(1);
	transition: transform .3s ease,opacity .3s ease-in-out;
}

.mvblock-cont .mvblock-item .mvblock-link:hover {
	border:solid #4c9e2a 4px;
}

.mvblock-cont .mvblock-item .mvblock-link:hover .cap-img {
	opacity:1;
	transform: scale(1.2);
}

.mvblock-cont .mvblock-item .mvblock-link .caption {
      position: absolute;
      width: 100%;
      height: 100%;
	  top: 100%;
      -webkit-transition: opacity ease 0.5s,top ease 0.4s;
      -moz-transition: opacity ease 0.5s,top ease 0.4s;
      transition: opacity ease 0.5s,top ease 0.4s;
      opacity: 0;
      background: rgba(153,215,130, 0.75); 


}
	 
.mvblock-cont .mvblock-item .mvblock-link .cap-title {
		
		position:absolute;
		background: rgba(255,255,255, 0.7); 
		display:block;
		width:100%;
		padding:10px;
		font-size:1.3em;
      -webkit-transition: all ease 0.5s;
      -moz-transition: all ease 0.5s;
      transition: all ease 0.5s;
	  
       text-align: center;
		
       color: #111; 
		text-transform:uppercase;
		font-weight:700;
		z-index: 2;
}
	
.mvblock-cont .mvblock-item .mvblock-link .caption .caption-content {
	font-size: 20px;
	position: absolute;
	top: 10%;
	width: 100%;
	height: 20px;

	text-align: center;
	color: #111; 
}

.mvblock-cont .mvblock-item .mvblock-link .caption .caption-content i {
  margin-top: -12px; 
}


.mvblock-cont .mvblock-item .mvblock-link .caption .caption-content h3,
.mvblock-cont .mvblock-item .mvblock-link .caption .caption-content h4 {
  margin-top: 0; 
  margin-bottom: 1.5em;
}




.text-fade {
	color:#888;
}

.bread-nav a {
	
	color:#444;
	font-weight:700;
	font-size:90%;
}
.bread-nav .bread-current {
	
	color:#222;
	font-weight:700;

}


.lnk-cat-block {
	display:block;
	background-color:#e8e8e8;
	border:solid #777 1px;
	padding:25px 25px;
	margin-bottom:10px;
	color:#333;
	box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.2);
}

.lnk-cat-block:hover,
.lnk-cat-block:active,
.lnk-cat-block:focus {
	color:#047631;
	background-color:#fff;
	border:solid #005611 1px;
	box-shadow: 1px 1px 4px 1px rgba(40, 100, 20, 0.5);
	
}


.lnk-cat-block-title {
	display:block;
	margin-bottom:8px;
}

.lnk-cat-block-desc {
	display:block;
	margin-top:8px;
	color:#333;
	font-size:90%;
}





.lnk-img-block {
	/* max-width: 400px; */
	/* margin: 0 auto; */
	/* cursor: pointer; */
	/* overflow: hidden; */
	display:block;
	position: relative;
	color:#333;
	margin-bottom:10px;
	text-shadow: 0px 0px 6px #fff;
	box-shadow: 0px 0px 0px 0px rgba(0, 70, 0, 0.5);
	font-size:1.3em;
	-webkit-transition: color 0.3s linear,text-shadow 0.3s linear,box-shadow 0.3s linear;
	-moz-transition: color 0.3s linear,text-shadow 0.3s linear,box-shadow 0.3s linear;
	-o-transition: color 0.3s linear,text-shadow 0.3s linear,box-shadow 0.3s linear;
	transition: color 0.3s linear,text-shadow 0.3s linear,box-shadow 0.3s linear;
}


.lnk-img-block span.caption-content {
	text-align:center;
	padding-top: 16%;
	padding-left: 5px;
	padding-right: 5px;
	display: block;
	position: absolute;
	width: 100%;
	z-index: 300;
}


.lnk-img-block span.caption-content span {
	display:block;
	padding-top:3px;
	padding-bottom:3px;
	padding-left: 5px;
	padding-right: 5px;
	
	-webkit-transition: background-color 0.3s linear,padding-top 0.3s linear,padding-bottom 0.3s linear;
	-moz-transition: background-color 0.3s linear,padding-top 0.3s linear,padding-bottom 0.3s linear;
	-o-transition: background-color 0.3s linear,padding-top 0.3s linear,padding-bottom 0.3s linear;
	transition: background-color 0.3s linear,padding-top 0.3s linear,padding-bottom 0.3s linear;
}


.lnk-img-block span.caption-img {
	display:block;
	padding:4px;
	border:solid #bbb 1px;
	-webkit-transition: border 0.3s linear;
	-moz-transition: border 0.3s linear;
	-o-transition: border 0.3s linear;
	transition: border 0.3s linear;
	overflow: hidden;
	max-height: 225px;
	min-height: 225px;
}

.lnk-img-block img {
	max-width:100%;
	height: auto;
	border:solid #aaa 1px;
	opacity:0.5;

	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	 
	-webkit-transition: -webkit-transform .4s ease,-webkit-box-shadow .4s ease-in-out,opacity 0.4s linear,border 0.3s linear;
	-moz-transition: -moz-transform .4s ease,-moz-box-shadow .4s ease-in-out,opacity 0.4s linear,border 0.3s linear;
	-o-transition: -o-transform .4s ease,box-shadow .4s ease-in-out,opacity 0.4s linear,border 0.3s linear;
	transition: -webkit-transform .4s ease,-moz-transform .4s ease,-o-transform .4s ease,transform .4s ease,box-shadow .4s ease-in-out,opacity 0.4s linear,border 0.3s linear;

}

	
.lnk-img-block:hover {
	color:#fff;
	text-shadow: 0px 0px 2px #000,0px 0px 5px #111,0px 0px 10px #333;
	box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.8);
}

.lnk-img-block:hover span.caption-content span {
	display:block;
	background-color:rgba(255,255,255,0.5);
	padding-top:12px;
	padding-bottom:12px;
}

.lnk-img-block:hover span.caption-img {
	border:solid transparent 1px;
	background-color:#dfdfdf;
}

.lnk-img-block:hover img {
	max-width:100%;
	height: auto;
	border:solid #999 1px;
	opacity:1;
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-o-transform: scale(1.15);
	-ms-transform: scale(1.15);
	transform: scale(1.15);
}


/******      FOOTER       **********/


footer.main-footer {
	
}

footer.main-footer h3 {
    color: #fff; 
}

footer.main-footer .footer-above {
    padding-top: 50px;
   /* background-color: #44953E; */
    background-color: rgba(68, 149, 62, 0.8);

}
	
footer.main-footer .footer-col {
    margin-bottom: 50px;
}

footer.main-footer .footer-below {
    padding: 2px 0;
    background-color: #135d21; 
	color: #280;
}
footer.main-footer .footer-below p {
	font-size:1em;
	font-weight:700;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	text-align:right;
	
}

footer.main-footer .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
footer.main-footer .list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}


footer.main-footer a.list-group-item {

    background-color: #479a40;
	border: none;
    color: #fff;
	font-size:0.9em;
	
}

footer.main-footer a.list-group-item-action:hover,
footer.main-footer a.list-group-item-action:active,
footer.main-footer a.list-group-item-action:focus
 {
    color: #ccc;
    background-color: #57aa50;
}


 
footer.main-footer a.active,
footer.main-footer a:active,
footer.main-footer a:focus,
footer.main-footer a:hover {
    color: #fff;
}




.btn-social {
  font-size: 20px;
  line-height: 45px;
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  border: 2px solid white;
  border-radius: 100%; 
}


.scroll-top {
  position: fixed;
  z-index: 1049;
  right: 2%;
  bottom: 2%;
  width: 50px;
  height: 50px; 
 }
 
 .scroll-top .btn-scroll-top {
    font-size: 16px;
    line-height: 28px;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 100%;
	cursor:pointer;
}
	
.scroll-top .btn-scroll-top:focus {
      outline: none; 
}


.jumbotron-devis {

    padding: 2rem 1rem;
    margin-bottom: 1rem;
    background-color: #f1f3f5;
    border-radius: 20px;
	box-shadow: 4px 1px 10px 1px rgba(0, 0, 0, 0.6);
	
}


.jumbotron-b {

    padding: 2rem 1rem;
    margin-bottom: 2rem;
	margin-top: 3rem;
	
	background: linear-gradient(to right, rgba(240,240,240, 0.7) 0%, rgba(240,240,240, 0.9) 40%, #fafafa 100%), url('/img/amenagement-espaces-verts.jpg') 0% 100% no-repeat; 
    border-radius: 20px;
	box-shadow: 4px 1px 10px 1px rgba(0, 0, 0, 0.6);
	
    -webkit-transition: background 6s ease-in-out;
    -o-transition: background 6s ease-in-out;
    transition: background 6s ease-in-out;

}

.jumbotron-b:hover {
	background: linear-gradient(to right, rgba(240,240,240, 0.7) 0%, rgba(240,240,240, 0.9) 40%, #fafafa 100%), url('/img/amenagement-espaces-verts.jpg') 0% 0% no-repeat; 

}


.btn-setlang {
	background-color:transparent;
	outline:none;
	border:none;
}

.btn-setlang:active,
.btn-setlang:focus,
.btn-setlang:hover {
	background-color:#499bea;
}

.btn-astyle-big {
	
    border-radius: 15px;

    color: #fff;

    display: inline-block;
    font-weight: 400;
	min-width:150px;
	/* min-width:150px; */
	
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

	padding: 15px;
	font-size: 4.5em;
	color:#333;
	margin-top: 10px;
	margin-bottom: 18px;
	border: 1px solid #5c68ac;

	background: #b4e391;
	background: -moz-linear-gradient(top, #b4e391 0%, #61c419 50%, #b4e391 100%);
	background: -webkit-linear-gradient(top, #b4e391 0%,#61c419 50%,#b4e391 100%);
	background: linear-gradient(to bottom, #b4e391 0%,#61c419 50%,#b4e391 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#b4e391',GradientType=0 );
		
	
	box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.2);
	
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;

	
}


.btn-astyle, .btn-astyle-big {
	
    border-radius: 0px;

    color: #fff;

    display: inline-block;
    font-weight: 400;
	min-width:150px;
	/* min-width:150px; */
	
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

	color:#fff;
	border: 1px solid #384;
	

background: #5cad54;
background: -moz-linear-gradient(top, #5cad54 0%, #0ca011 100%);
background: -webkit-linear-gradient(top, #5cad54 0%,#0ca011 100%);
background: linear-gradient(to bottom, #5cad54 0%,#0ca011 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5cad54', endColorstr='#0ca011',GradientType=0 );


	box-shadow:0px 0px 2px 0px rgba(0, 0, 0, 0.2);
	
	padding: 10px;
	font-size: 1.3em;
	margin-top: 8px;
	margin-bottom: 12px;
	
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;

	
}

.btn-astyle-big {
	
	padding: 15px;
	font-size: 4.5em;
	margin-top: 10px;
	margin-bottom: 18px;
}


.btn-astyle-big:hover,.btn-astyle-big:active,.btn-astyle-big:focus,
.btn-astyle:hover,.btn-astyle:active,.btn-astyle:focus {

background: #87d0fd;
background: -moz-linear-gradient(top, #87d0fd 0%, #53bbf1 100%);
background: -webkit-linear-gradient(top, #87d0fd 0%,#53bbf1 100%);
background: linear-gradient(to bottom, #87d0fd 0%,#53bbf1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87d0fd', endColorstr='#53bbf1',GradientType=0 );

	border: 1px solid #6af;
	box-shadow:0px 0px 37px 10px rgba(100, 100, 200, 0.3);
	color:#444;
}


.btn-bstyle-big:hover,.btn-bstyle-big:active,.btn-bstyle-big:focus {

	background: #f8ffe8;
	background: -moz-linear-gradient(top, #f8ffe8 0%, #e3f5ab 33%, #b7df2d 100%);
	background: -webkit-linear-gradient(top, #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%);
	background: linear-gradient(to bottom, #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#b7df2d',GradientType=0 );

	box-shadow: 2px 1px 16px 1px rgba(0, 0, 0, 0.5);
	color:#353;
}


.btn-cstyle {
	
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

	padding: 12px 15px;
	font-size: 1em;
	font-weight: 700;
	color:#333;

    border: 1px solid #5c685c;
    border-radius: 8px;

	box-shadow: 2px 1px 10px 1px rgba(0, 0, 0, 0.4);
	
	background: #44954E;
	background: -moz-linear-gradient(top, #44954E 0%, #4fc944 100%);
	background: -webkit-linear-gradient(top, #44954E 0%,#4fc944 100%);
	background: linear-gradient(to bottom, #44954E 0%,#4fc944 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44954E', endColorstr='#4fc944',GradientType=0 );
	
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;

	
}


.zoom-image {
	 /*
    max-width: 80%;
	*/
    margin-left: auto;
    margin-right: auto;
}
.zoom-image {
    background: rgba(0,0,0,.05);
}

.zoom-image img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 1px rgba(0,0,0,.2);
    box-shadow: 0 0 1px rgba(0,0,0,.2);
    padding: .5rem;
    background: #FFF;
    -webkit-transition: -webkit-transform .3s ease,-webkit-box-shadow .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease,-moz-box-shadow .3s ease-in-out;
    -o-transition: -o-transform .3s ease,box-shadow .3s ease-in-out;
    transition: -webkit-transform .3s ease,-moz-transform .3s ease,-o-transform .3s ease,transform .3s ease,box-shadow .3s ease-in-out;

}

 .zoom-image img:hover, .zoom-image img:active, .zoom-image img:focus {
    -webkit-transform: scale(1.22);
    -moz-transform: scale(1.22);
    -o-transform: scale(1.202);
    -ms-transform: scale(1.22);
    transform: scale(1.22);
    -webkit-box-shadow: 0 5px 20px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 20px rgba(0,0,0,.2);
    box-shadow: 0 5px 20px rgba(0,0,0,.2);
}




.carousel.carousel-page {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
	/* border:solid #bbb 1px; */
}

.carousel.side-picture {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
	border:solid #bbb 1px;
}

.carousel-caption, .carousel-caption textarea {
    right: 0%;
    bottom: 0;
    left: 0%;
    /* padding-bottom: 40px; */
	color:#fff;
	background:rgba(0,0,0,0.6);
}


.carousel-caption.caption-top {
	/* top:0%; */
    bottom: auto;
}


.carousel-caption {
	color:#222;
}

.carousel-caption p {

font-size: 16px;
font-weight: 700;
}

.carousel-indicators {
    bottom: 0px;
}

.carousel .carousel-item-next, .carousel .carousel-item-prev, .carousel .carousel-item.active {
    display: block;
}


.carousel-control-prev .fa, .carousel-control-next .fa {

	background-color: #B7E2EA;
	font-size: 2.4em;
	min-width: 50px;
	padding: 7px;
	color: #282;
}


.carousel .carousel-item {
    text-align: center;
    max-width: 100%;
	max-height: 92vh;
}

.carousel img {
    max-width: 100%;
	max-height: 92vh;
	height: auto;
	
	width: auto;
}


.intro-cont span.fa.fa-circ-icon {
	font-size:3.6em;
	display:block;
	width:120px;
	height:120px;
	line-height:120px;
	margin:0 auto;
	/* vertical-align:middle; */
	border:solid #bbb 3px;
	border-radius:50%;
	color:#ccc;
	box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
		
	background: #299a0b;
	background: -moz-linear-gradient(top, #299a0b 0%, #33aa2a 100%);
	background: -webkit-linear-gradient(top, #299a0b 0%,#33aa2a 100%);
	background: linear-gradient(to bottom, #299a0b 0%,#33aa2a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#299a0b', endColorstr='#33aa2a',GradientType=0 );

	-webkit-transition: box-shadow 0.3s ease-in-out,color 0.3s ease-in-out,border 0.3s ease-in-out;
	-moz-transition: box-shadow 0.3s ease-in-out,color 0.3s ease-in-out,border 0.3s ease-in-out;
	transition: box-shadow 0.3s ease-in-out,color 0.3s ease-in-out,border 0.3s ease-in-out;
}


.intro-cont:hover span.fa.fa-circ-icon,
.intro-cont:active span.fa.fa-circ-icon,
.intro-cont:focus span.fa.fa-circ-icon {

	border:solid #5a3 3px;
	color:#eee;
	box-shadow: 0px 0px 25px 0px rgba(40, 160, 30, 0.8);
			
	background: #98def2;
	background: -moz-linear-gradient(top, #98def2 0%, #0fb4e7 100%);
	background: -webkit-linear-gradient(top, #98def2 0%,#0fb4e7 100%);
	background: linear-gradient(to bottom, #98def2 0%,#0fb4e7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98def2', endColorstr='#0fb4e7',GradientType=0 );
}

.white-bg {
	background-color:#fff;
}

.ul-services {
	font-size: 16px;
	font-weight: 700;
}

.a-bgcol-a {
	background-color:#ccc;
}



/****    REVIEWS SLIDER    *******/


.carousel.carousel-reviews .carousel-item {
    text-align: left;
}

.img-maxw-120, .carousel img.img-maxw-150 {max-width:150px;}



.review-author, .review-content {
	font-family: 'Amaranth', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}


.review-author {
	font-size: 170%;
}

.review-content {
	font-size: 120%;
}





/****    RIBBON STYLE    *******/


.ribbon {
   position: relative;
   text-align: center;
   font-size: 20px;
   -webkit-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
   -moz-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
   box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
   font-family: 'Helvetica Neue',Helvetica, sans-serif;
   
   margin-top:30px;
   
   margin-left:15%;
   margin-right:15%;
   width:70%;
   z-index:20;
   
}
   
.ribbon p {
	font-weight: 700;
	font-size: 18px;
	/*
	color: #111;
	text-shadow: #9cbcf6 0 1px;
	*/
	color: #fff;
	text-shadow: #113 0 0px 12px;
	

	padding: 15px 20px;
	
   background: #4C9BEC;
   background: -webkit-gradient(linear, left top, left bottom, from(#4C9BEC), to(#1F6FBF));
   background: -webkit-linear-gradient(top, #4C9BEC, #1F6FBF);
   background: -moz-linear-gradient(top, #4C9BEC, #1F6FBF);
   background: -ms-linear-gradient(top, #4C9BEC, #1F6FBF);
   background: -o-linear-gradient(top, #4C9BEC, #1F6FBF);
   background-image: -ms-linear-gradient(top, #4C9BEC 0%, #1F6FBF 100%);
   
   position:relative;
   z-index:200;
}

.ribbon:before, .ribbon:after {
   content: '';
   position: absolute;
   display: block;
   top:0.89em;

   border-style: solid;
   border-color: #1060B0;
   border-width: 1.5em;
   
   -webkit-transition: border-color ease 0.2s;
   -moz-transition: border-color ease 0.2s;
   transition: border-color ease 0.2s;
   
}
   
.ribbon:before {
   left: -2em;
   border-right-width: 1.5em;
   border-left-color: transparent;
   -webkit-box-shadow: rgba(000,000,000,0.4) 1px 1px 1px;
   -moz-box-shadow: rgba(000,000,000,0.4) 1px 1px 1px;
   box-shadow: rgba(000,000,000,0.4) 1px 1px 1px;
}
.ribbon:after {
   right: -2em;
   border-left-width: 1.5em;
   border-right-color: transparent;
   -webkit-box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
   -moz-box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
   box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
   }
   
.ribbon .ribbon-content:before, .ribbon .ribbon-content:after {
   border-color: #103888 transparent transparent transparent;
   position: absolute;
   display: block;
   border-style: solid;
   top:2.89em;
   content: '';
   z-index: 100;
  }
   
.ribbon .ribbon-content:before {
   left: 0;
   border-width: 1em 0 0 1em;
   }
.ribbon .ribbon-content:after {
   right: 0;
   border-width: 1em 1em 0 0;
   }
   
   
   /******           RIBBON HOVER          ******/
   
   
.ribbon-cont:hover .ribbon p {

   background: #129F27;
   background: -webkit-gradient(linear, left top, left bottom, from(#129F27), to(#1FBF3F));
   background: -webkit-linear-gradient(top, #129F27, #1FBF3F);
   background: -moz-linear-gradient(top, #129F27, #1FBF3F);
   background: -ms-linear-gradient(top, #129F27, #1FBF3F);
   background: -o-linear-gradient(top, #129F27, #1FBF3F);
   background-image: -ms-linear-gradient(top, #129F27 0%, #1FBF3F 100%);
}


.ribbon-cont:hover .ribbon:before,.ribbon-cont:hover .ribbon:after {

}
.ribbon-cont:hover .ribbon:before {
   border-color: #10A030;
   border-left-color: transparent;
}
.ribbon-cont:hover .ribbon:after {
   border-color: #10A030;
   border-right-color: transparent;
}

.ribbon-cont:hover .ribbon .ribbon-content:before,.ribbon-cont:hover .ribbon .ribbon-content:after {
   border-color: #107818 transparent transparent transparent;
}


/********                   ************/
/********     SPECIAL       ************/


.special-hp {
	position:absolute;
	z-index:10;
	visibility:hidden;
	
}


/********                     ************/
/********    OVERLAY STYLE    ************/
/********                     ************/


.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
    background-color: rgba(37, 100, 191, 0.7);
	z-index: 1040;
}

.overlay .overlay-close {
	width: 60px;
	height: 60px;
	position: absolute;
	right: 20px;
	top: 20px;
	border: none;
	outline: none;
	z-index: 100;
    background-color: #fff;
	border:solid #34ac84 1px;
}


.overlay div.popup-cont {
	text-align: center;
	position: relative;
	top: 40%;
	/* min-height: 50%; */
	max-width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	font-size: 1em;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.overlay div.popup-container {
	list-style: none;
	padding: 1.6em 1.7em;
	/* margin: 0 auto; */
	display: inline-block;
	height: 100%;
	position: relative;
	background-color:#fff;
}

.overlay div.popup-container .overlay-text {
	margin-top: 1.8em;
}

/* Effects */
.overlay-hugeinc {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
	transition: opacity 0.5s, visibility 0s 0.5s;
}

.overlay-hugeinc.open {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.overlay-hugeinc div.popup-cont {
	-webkit-perspective: 1200px;
	perspective: 1200px;
}

.overlay-hugeinc div.popup-cont div.popup-container {
	opacity: 0.4;
	box-shadow: 0px 0px 13px 3px rgba(0, 0, 0, 0.7);
	
	-webkit-transform: translateY(-25%) rotateX(35deg);
	transform: translateY(-25%) rotateX(35deg);
	-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
	transition: transform 0.5s, opacity 0.5s;
}

.overlay-hugeinc.open div.popup-cont div.popup-container {
	opacity: 1;
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

/*
.overlay-hugeinc.close div.popup-cont div.popup-container {
	-webkit-transform: translateY(25%) rotateX(-35deg);
	transform: translateY(25%) rotateX(-35deg);
}
*/


@media screen and (max-height: 30.5em) {
	.overlay div.popup-cont {
		height: 70%;
		font-size: 34px;
	}
	.overlay div.popup-container li {
		min-height: 34px;
	}
}


/********   END OVERLAY STYLE    ************/


.element-media-desc {
	/* margin-bottom: 0rem; */
	color:#fff;
}

.adm-edtitem-title {
	border:solid #ccc 1px;width:100%
}


.adm-edtitem-desc, .adm-edtitem-content {
	border:solid #ccc 1px;width:100%
}


.adm-edtimg-desc {
	border:solid #555 1px;
	width:90%;
	margin-left:5%;
	margin-right:5%;
	background-color:rgba(255,255,255,0.8);
	font-weight:700;
}

.diapoimgs-container {
	min-height:130px;
}

.adm-form-style {
	background-color:rgba(255,255,255,0.4);
	padding:8px;
	margin-bottom:10px;
	border:solid #aaa 1px;
}


























   
@media (min-width: 768px) {


	.navbar {
		opacity:1;
		-webkit-transition: opacity 0.3s ease 0.3s;
		-moz-transition: opacity 0.3s ease 0.3s;
		transition: opacity 0.3s ease 0.3s;
	}
	
	.navbar.navbar-shrink {
		opacity:0.8;
		box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.6);
	}

	.navbar:hover {
		opacity:1;
	}

	.navbar .main-logo {
		max-height: 100px;
	}

	.navbar.navbar-shrink .main-logo {
		max-height: 55px;
	}

	#mainNav .navbar-toggler {
		padding: 20px 20px 20px 20px;
		margin-top: 17px;
		-webkit-transition: padding 0.3s,margin-top 0.3s;
		-moz-transition: padding 0.3s,margin-top 0.3s;
		transition: padding 0.3s,margin-top 0.3s;
	}
	
	#mainNav.navbar-shrink .navbar-toggler {
		padding: 15px 15px 15px 15px;
		margin-top: 0px;
		-webkit-transition: padding 0.3s,margin-top 0.3s;
		-moz-transition: padding 0.3s,margin-top 0.3s;
		transition: padding 0.3s,margin-top 0.3s;
	}


	.navbar .navbar-navmain a {
		padding-top: 16px;
		padding-bottom: 16px;
	}
	
	.navbar-navmain ul.topnav-dropdown a {
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.top-block {
		padding-top: 150px;
		padding-bottom: 20px;

	}

	.intro-text {
		font-size: 1.5em; 
	} 
	
	section h2 {
		font-size: 1.7em;
	}
}


@media (min-width: 992px) {

	.navbar-navmain {
	  padding-top:inherit;
	}
	
	.navbar .navbar-navmain a {
		padding-top: 45px;
		padding-bottom: 45px;
	}
	
	.navbar.navbar-shrink .navbar-navmain a {
		padding-top: 16px;
		padding-bottom: 16px;
	}
	
	.navbar-toggleable-md > .container {
		width: auto;
		max-width: 100%;
		
	}

}