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

body { margin:0; padding:0; font-size:18px; line-height: 30px; font-family: 'Roboto', sans-serif;
 font-size: 18px; line-height:28px; color: #7a7a7a;
}
img { max-width:100%;}

#conteneur { width:100%; float:left;}
#haut { width:100%; float: left; height:auto;}
#centrehaut { width:90%; margin-right: auto; margin-left: auto; }
#menu {
	float: left;
	width: 100%;
	height: auto;
	padding-top: 0px;
	color: #101E0E;
}
p {
    margin: 0;
    padding: 0;
}
.titreacc { text-align: center; font-size: 25px; font-weight: normal;}
.titreacd { text-align: center; font-size: 35px; font-weight: normal; text-align:center;}

#logo {
	float: left;
	width: 100%;
	text-align:center;
}
#image { width:100%; float: left;}

#numero { float: left; width:100%; text-align:center; display: block; }
#numero a { line-height:60px; text-decoration: none; font-weight:bold; color:#333; text-align:center;}

#milieu { width:100%; float: left;}
#troisblocs { width:100%; float: left;color: #8cab9a;}
#un { width:100%; float: left;}
#deux { width:100%; margin-right:0%; margin-left:0%; float: left;}
#trois { width:100%; float: left;}
.titretr { float: left; width:100%; color:#5e6e64; text-align: center;}
.imagetr {float: left; width:100%; text-align:center; }
.imagetr img { text-align:center; }

.textetr {float: left; width:100%; text-align:center; }
.stitre { text-align: center; margin:0; padding:0; line-height:55px; font-size:20px; color:#5e6e64;}
.stitrea {
	font-size: 25px;
	text-align: center;
	font-weight: normal;
}
#vert { width:100%; float: left; background:#eef4f0; padding-top: 50px; padding-bottom: 150px; }
#blancbloc { width:100%; float: left; padding-top: 150px; padding-bottom: 150px;}
.moitiea { float: left; width:100%; }
.moitieb { float: left; width:100%; }
.moitieab { float: left; width:100%; margin-left:0%; text-align:center;  }
.moitiebb { float: left; width:100%; margin-left:0%;  }

.moitiebb h2 {
    margin: 20px 0 10px 0;
}

.moitieasoumi { float: left; width:100%; }
.moitiebsoumi { float: left; width:100%; }

#vertb { width:100%; float: left; background:url(images/paysagistes-2.jpg);}
#blancd { width:100%; float: left; padding-bottom:0px;}
#blance { width:100%; float: left; padding-top: 60px; padding-bottom:60px; }
#blanccea { float: left; width: 100%; text-align:center; }
#blancceb { float: left; width: 100%; margin-right:0%; margin-left: 0%;text-align:center;  }
#blanccec { float: left; width: 100%;text-align:center;  }

#bas { width:100%; float: left; background:#0f6838; padding-top:80px; padding-bottom:80px; }
.moitieabas { float: left; width:100%; margin-right:0%; color: #aec6b7; }
.moitiebbas { float: left; width:100%; color: #aec6b7; }
.moitiebbas a {color: #aec6b7; }
.moitieabas a {color: #aec6b7; }

.centre { margin-right: auto; margin-left: auto; width:80%; }
.centredeux { margin-right: auto; margin-left: auto; width:90%; }
.centreb { margin-right: auto; margin-left: auto; width:90%; }
.centrec { margin-right: auto; margin-left: auto; width:90%; }

.services { line-height: 40px; margin:0; padding:0; font-size: 20px; }
.services img { margin-right:20px; }

.titrev { text-align:center; color:#FFF; margin-top: 60px; font-size: 20px; margin-bottom:50px;}
.textev { text-align:center; margin-right: 10px; margin-left: 10px; color:#96d4ad; font-size: 18px; line-height:28px; }

#creation { width:100%; float: left; height:auto; }
#creationa { width:100%; float: left; height:auto; text-align: center;  }
#creationb { width:100%; float: left; height:auto; text-align:center; }

#creation p { color: #999;}

.verttexte { color: #64937a; }
#creationb a { color: #64937a; }


#blochaut { width:100%; float: left; background:none; height:151px; background-color:#0d6537; background-size:100%; background-repeat: no-repeat;}

.boutoni  { text-align:center; }

.boutoni a { text-decoration: none ; height: 50px; line-height: 50px; color:#00713d;  text-align:center;  background: #FFFFFF; padding: 15px 50px 15px 50px; font-size: 22px; margin-right: auto; margin-left: auto;  }
.thaut { font-size: 14px; font-weight: normal; text-align:center; color:#ffffff; margin-top: 50px; float: none;  }
.shaut { font-size: 18px; font-weight: bold; text-align: center; color:#ffffff; margin-top:5px; float: none;  }
.bhaut a { padding: 20px 30px 20px 30px; background:#0f6737; color:#ffffff; float: right; margin-top: 20px; display: none; }



#normal { width:100%; float: left; padding-top: 20px; padding-bottom:20px; }

.servicebloc{ width:100%; float: left; margin-top: 20px; }
.servimage{ width:100%; margin-right: 0%;  float: left;  text-align:center; margin-bottom: 40px;}
.servtexte{width:100%; float: left;}
.servtexte a { color:#5e6e64; margin:0; padding:0;}
.servtexte h2 { margin:0px 0px 20px 0px; padding:0;}

.serviceunique { width:100%; float: left; margin-top: 50px; }
.imageuniqueserv { width:100%; float: left;  text-align:center; padding-bottom:50px;}
.texteuniqueserv {width:100%; margin-left:0%; float: left;}

.moitiecontacta { float: left; width:100%; }
.moitiecontactb { float: left; width:100%; margin-left: 0%;  }
.moitiecontactb a { color:#090; }

.lien a { color:#126635; }
.serviceunique a { color:#126635; }
#normal a { color:#126635; }
#villes { float: left;  width:50%;}
#imageville { float: left; margin-left: 5%; width:45%;}
#texteb  { float: left; width:100%;}
#texteba  { float: left; width:100%; text-align:center;}
#textebb  { float: left; width:100%;}
.paysagistes { text-align: center; float: left; width:98%; margin:1%;  }
.paysagistes a { text-align: center; font-size: 23px; font-weight: bold; line-height: 100px; }

.cent { width:100%; float: left;}

.centarticle { width:100%; float: left; margin-top:50px; margin-bottom: 50px;}

.photo { float: left; width:98%; padding:1%; text-align:center; }


@media only screen and (min-width: 481px) {

	
	}	
@media only screen and (min-width: 769px) {	
#menu {
	width: 100%;

}
#logo {
	width: 100%;
}
#haut { width:100%; float: left; height:auto;}
#blanccea { float: left; width: 30%; text-align:center; }
#blancceb { float: left; width: 30%; margin-right:5%; margin-left: 5%;text-align:center;  }
#blanccec { float: left; width: 30%;text-align:center;  }
#blochaut { width:100%; float: left; background:url(images/paysagistes-tab-2.jpg); height:151px;  background-size:100%; background-repeat: no-repeat;}

.photo { float: left; width:18%; padding:1%; }
.paysagistes { width:46%; padding: 1%; }


	}	
@media only screen and (min-width: 1024px) {
#menu {
	width: 70%;
	padding-top: 44px;
	float: left;
}
#numero { float: left; width:100%; text-align:center; display: none; }
#logo {
	width: 30%;
	text-align:center;
}
#numero a { line-height:121px; color:#106738; font-size: 20px;}

#centrehaut { width:100%; }
#un { width:30%; float: left;}
#deux { width:30%; margin-right:5%; margin-left:5%; float: left;}
#trois { width:30%; float: left;}

.moitiea { float: left; width:50%; }
.moitieb { float: left; width:50%; }

.moitieab { float: left; width:25%; }
.moitiebb { float: left; width:70%; margin-left:5%; }
.moitiebb h2 {
    margin: 0 0 10px 0;
}

.moitieasoumi { float: left; width:50%; }
.moitiebsoumi { float: left; width:45%; margin-left:5%; }

#blanccea { float: left; width: 30%; text-align:center; }
#blancceb { float: left; width: 30%; margin-right:5%; margin-left: 5%;text-align:center;  }
#blanccec { float: left; width: 30%;text-align:center;  }

.moitieabas { width:50%; margin-right:10%; }
.moitiebbas { width:40%;  }
.centredeux { margin-right: auto; margin-left: auto; width:60%; }

#creation { width:100%; float: left; height:50px; }
#creationa { width:50%; float: left; height:50px; text-align: left; line-height:50px; }
#creationb { width:50%; float: left; height:50px; text-align:right;  line-height:50px;}

.textev { text-align:center; margin-right: 100px; margin-left: 100px; color:#96d4ad; font-size: 18px; line-height:28px; }

#blancd { width:100%; float: left; padding-bottom:150px;}
.centredeux {  width:60%; }
.centreb {width:60%; }
.centrec {  width:80%; }
.imageuniqueserv { width:25%; float: left;  text-align:center;}
.texteuniqueserv {width:70%; margin-left:5%; float: left;}
#texteba  { float: left; width:50%;}
#textebb  { float: left; width:50%;}
#normal { padding-top: 50px; padding-bottom:150px; }
.paysagistes { width:46%; padding: 1%; }

.stitre {
	font-size: 35px;
    margin-top: 50px;
    margin-bottom: 30px;
}
.stitrea {
	font-size: 25px;
	text-align: center;
}
#blochaut { width:100%; float: left; background:url(images/paysagistes-tab-2.jpg); height:291px;  background-size:100%; background-repeat: no-repeat;}

.boutoni a {  }
.thaut { font-size: 18px;  }
.shaut { font-size: 25px;  }
.bhaut  {}

.bhaut a {  font-size: 20px;  display:none; }
.servimage{ width:25%; margin-right: 5%;  float: left;  text-align:center;}
.servtexte{width:70%; float: left;}

.moitiecontacta { float: left; width:40%; }
.moitiecontactb { float: left; width:55%; margin-left: 5%;  }
.titrev { text-align:center; color:#FFF; margin-top: 60px; font-size: 35px; margin-bottom:50px;}
.titreacc { text-align: center; font-size: 35px; font-weight: normal; }
.servicebloc{ width:100%; float: left; margin-top: 100px; }
.centarticle {margin-top:250px; margin-bottom: 250px;}

}	

@media only screen and (min-width: 1200px) {	
.bhaut {  display:none; }

}	
	
@media only screen and (min-width: 1232px) {	
#menu {
	width: 65%;
	padding-top: 44px;
}
#numero { float: left; width:15%; text-align:center; display: block;  }
#logo {
	width: 20%;
	text-align:left;
}
#haut {  height:121px;}
#centrehaut { width:90%; }

#blanccea { float: left; width: 30%; text-align:center; }
#blancceb { float: left; width: 30%; margin-right:5%; margin-left: 5%;text-align:center;  }
#blanccec { float: left; width: 30%;text-align:center;  }
.centrec {  width:60%; }

#blochaut { width:100%; float: left; background:url(images/paysagistes-23.jpg); height:291px;  background-size:100%; background-repeat: no-repeat;}


.boutoni a {
	text-decoration: none;
	height: 50px;
	line-height: 50px;
	color: #00713d;
	text-align: center;
	background: #ffffff;
	font-size: 22px;
	margin-right: auto;
	margin-left: auto;
	float: none;
	text-decoration: none;
	padding-top: 20px;
	padding-right: 100px;
	padding-bottom: 20px;
	padding-left: 100px;
}
.thaut { font-size: 18px; font-weight: normal; text-align:right; color:#ffffff; margin-top: 50px;   }
.shaut { font-size: 25px; font-weight: bold; text-align: right; color:#ffffff; margin-top:5px;  margin-bottom: 10px;  }
.bhaut  { float: right; display: block;}

.bhaut a { padding: 20px 80px 20px 80px; background:#0f6737; color:#ffffff; float: right; margin-top: 10px; text-decoration: none; font-size: 20px; display: block;  }
#normal { padding-top: 50px; padding-bottom:150px; }

}
@media only screen and (min-width: 1400px) {
#menu {
	width: 65%;
}
#logo {
	width: 20%;
}
#haut {  height:121px;}
#centrehaut { width:80%; }

}