@charset "UTF-8";
/* CSS Document */

* {
	box-sizing: border-box;
}

body {
	width: auto;
	/*border:solid 1px blue;*/
}

input,
textarea {

}

.col-100-m {
	width:100%;
}
.col-90-m {
	width:90%;
}
.col-80-m {
	width:80%;
}
.col-70-m {
	width:70%;
}
.col-60-m {
	width:60%;
}
.col-50-m {
	width:50%;
}
.col-40-m {
	width:40%;
}
.col-30-m {
	width:30%;
}
.col-20-m {
	width:20%;
}
.col-10-m {
	width:10%;
}

.col-33-m {
	width:33%;
}
.col-66-m {
	width:66%;
}

.col-25-m {
	width:25%;
}
.col-75-m {
	width:75%;
}


.hide-m {
	display:none;
}
.show-m {
	display:block !important;
}

.page {
	width:100%;
	padding-left: 30px;
	padding-right: 30px;
}


.titre h1 {
    font-size: 30px;
}

.bandeau {
    height: 90px;
}

.titre .hasvline::after {
    height: 70px;
    
}

.content.txt-n h2 {
    font-size: 25px;
}

#intro .content,
#intro .titre {
    padding-left: 0;
    padding-right: 0;
}

#intro .titre h1 {
    font-size: 40px;
    line-height: 50px;
}


#slider_homepage .owl-item .slide.logo-titre .legende .content p:nth-of-type(1) {
    font-size: 50px;
}

#metiercreation blockquote {
    font-size: 20px;
}

.metier .bg-topo-blanc.padd-l {
    padding: 50px;
}

#metierentretien.metier .bg-topo-blanc.padd-l {
    padding-bottom: 100px;
}

header nav > ul > li > ul > li > a {
    font-size: 12px;
    letter-spacing: 1px;
}

#metierentretien .photos {
    padding-bottom: 0;
}


#metierentretien .photos figure {
    width: 230px;
}


.grid-container .item {
    min-height: 380px;
}


#realisations .item a .overlay figure {
    width: 150px;
    height: 150px;
    background-size: 30%;
}
#realisations .item a .overlay figure span {
    transform: translateY(35px);
}

#realisation .galerie .item a {
    height: 400px;
}



header.strip #wrapper-nav nav {
    width: 70%;
}

.wrapper-plante {
    width: 50%;
}


#pergolas .wrapper .item a .legende {
    padding: 25px;
}
#pergolas .wrapper .item a .legende h2 {
    font-size: 25px;
}

#pergolas .wrapper .item a figure {
    height: 300px;
}