/*=============================================================

    Authour URI: www.binarytheme.com

    License: Commons Attribution 3.0



    http://creativecommons.org/licenses/by/3.0/



    100% To use For Personal And Commercial Use.

    IN EXCHANGE JUST GIVE US CREDITS AND TELL YOUR FRIENDS ABOUT US

   

    ========================================================  */



/* =============================================================

   GENERAL STYLES

 ============================================================ */
* { margin:0; padding:0; }

html {
	width:100%;
	min-width:320px;
}

body {
    font-family: 'Open Sans', sans-serif;
	width:100%;
	min-width:320px;
}





h2 {co

    padding-top:30px;



    padding-bottom:20px;  

    color:#000;

}

h3 {

    padding-top:30px;

     padding-bottom:40px;

     text-align:center;

     font-weight:900;

     text-transform:uppercase;

}

section {

    padding-top:0px;
    padding-bottom:30px;

}

.just-pad {

    padding-bottom:50px;

    padding-top:80px;

}



p {

    padding:10px 0px;

}

/*=====================================

  NAVBAR STYLES 

    ===================================*/
#menu {
	
    background-color:#4bb777;

    color:#000000;

    font-size:12px;

    font-weight:900;

    letter-spacing:1px;

}

.navbar-inverse {

border-color:transparent;

}

.navbar-inverse .navbar-nav > li > a,.navbar-inverse .navbar-nav > li > a:hover {

color: #000;

}



.home-mail {

    font-size:12px; 

    font-weight:normal;

    padding-left:5px;

}

/*=====================================

  HEADERS STYLES 

    ===================================*/





.header-sec {

  

    padding-top: 10px;

    padding-bottom: 60px;

    background: url(../img/head.jpg) no-repeat center center;

padding: 0;

-webkit-background-size: cover;

background-size: cover;

 color:#fff;

 background-attachment:fixed;

}

.header-sec .overlay{

    background:rgba(8, 134, 74, 0.90);

}

    .header-sec h2 {

        color:#fff;

        padding-top:20px;

    }







    /*=====================================

  TESTIMONIALS STYLES 

    ===================================*/





.testi-sec {

  

    padding-top: 10px;

    padding-bottom: 60px;

    background: url(../img/testi.jpg) no-repeat center center;

padding: 0;

-webkit-background-size: cover;

background-size: cover;

 color:#fff;

 background-attachment:fixed;



}

.testi-sec .overlay{

    background:rgba(8, 134, 74, 0.80);

min-height: 300px;

}

    .testi-sec h3 {

        color:#fff;

        padding-top:60px;

        padding-bottom:30px;

    }



.testi-sec h4 {

    line-height:35px;

}





/*=====================================

  PRICING STYLES 

    ===================================*/

.price-sec {

  

    padding-top: 40px;

    padding-bottom: 60px;

    color:#fff;

   



}

    .price-sec h2 {

        font-size:50px;
		color:#fff; 

    }



.single-price {

    background-color:rgba(8, 134, 74,1);

    padding:30px;

}

.multi-price {

    background-color:#4bb777;

    padding:30px;

}

  /*=====================================

  CONTACT STYLES 

    ===================================*/

.contact {

    font-size:20px;

    line-height:35px;

}

 /*=====================================

  FOOTER STYLES 

    ===================================*/



 .myfooter {

    background-color:#4bb777;

    padding:5px 40px 5px 40px;

    color:#fff;

    font-size:14px;

    text-align:right;

}

.titre {
	color:#fff;
    padding-top: 0px;
	margin:0;
	font-size: 25px;
    text-transform: uppercase;
}
.fullCenter {
	width:100%;
	height: auto;
	text-align:center;
}
a.logo {
	position:relative;
	display:block;
	text-decoration:none;
	color:#000;
	max-width:450px;
	min-width:220px;
}
a.nom {
	text-decoration:none;
}
a.nom h2 { 
	color:#000!important;
}
a.logo:hover, a.nom:hover {
	cursor:pointer;
	opacity: 0.6;
    filter: alpha(opacity=6);
}
a.logo img {
	float:left;
	width: 115px;
	height: 100px;
}
a.logo h1 {
	float:left;
	margin: 10px 0 0 0;
	font-size: 2.5em;
	text-align: left;
	max-width: 420px;
}
a.nom h2 {
	float:left;
	margin: 10px 0 0 0;
	max-width: 420px;
	text-align: left;
	font-size: 1.5em;
	height:20px;
}
.courriel { margin:10px 0 20px 0;}
.myfooter {
	padding-bottom:30px;
}
.navbar-header {
	min-width:320px;
}
.container {
	width:100%;
	max-width:1160px;
}
section#haut { width:100%; }
.navbar, .myfooter {
	width:100%;
	min-width:320px;
	padding-bottom: 20px;
}
.contenantArbres {
	with:100%;
	height:auto;
	background-color:#94d600;
}
.arbres {
	clear:both;
	position:relative;
	height:122px;
	max-width:1160px;
	margin-top:120px;
	margin-left: auto;
	margin-right:auto;
	text-align:left;
}
.basArbres {
	position:relative;
	background-color:black;
	min-height:60px;	
	padding:15px;
	text-align:center
}
.basArbres h2 { color:#fff; font-weight: bold; margin:0; padding:0; }
.arbresNoirs {
	width:320px;
	height:122px;
}

/* video */
.video { position:relative; margin:0; text-align:center; background-color:#000; padding-bottom:30px; }
.video iframe { width:640px; height:360px; }
.video h3 { color:white; margin:0; }


/* formulaire contact */
#formulaireContact { width: 100%; }
#formulaireContact label { float:left; }
#formulaireContact input, #formulaireContact textarea { clear:both; margin-top:6px; margin-bottom:18px; width:100%; font-size:20px; line-height:24px; }
#formulaireContact p { font-size: 13px; }
#formulaireContact input[type='submit'] { width:50%; }
.captcha { clear:both; display:block; }
label { clear:both; display:block; }
p.erreurs, p.avis {
    clear:both;
	float:left;
	margin:0; padding:0; 
	margin-bottom:5px;
	color:red;
	font-size:1.3em;
	line-height:1.3em;
	width:100%;
}
p.erreurs {
	color:white;
	background-color: red;
	padding:8px;
}
p.avis {
	color:white;
	background-color: green;
	padding:15px;
	width:100%;
}
textarea#message { text-align:left!important; }
.single-price img { width: 100%; height:auto; max-width:450px; }
.multi-price img  { width: 100%; height:auto; max-width:450px; }
.tel { color:#08864A; text-decoration:none; }
.tel:hover { 
	opacity: 0.6;
    filter: alpha(opacity=6);
}

/* Pour les icônes */
.media { height:auto; }
.pull-left {
	width: 25%;
	height: auto;
	max-width: 250px;
	max-height: 250px;
	min-width: 80px;
	min-height: 80px;
	margin-right: 0px;
}
.iconesEquip {
	width: 100%;
	height: auto;
}
#equipement { margin-top:-20px; }
h2.avantapres { padding:0; } 

/* Pour iPads */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (orientation : landscape ){
	.navbar-header { float:left; margin:0 auto; width:35%; } 
	 a.logo { margin:0 auto; }
	 a.logo h1, a.nom h2  { position:relative; }
	.navbar-collapse { width:auto; margin:0 auto!important; }
	.navbar-nav  { float:right; width: 65%; padding:0; margin:0; }
	.arbres { margin-top:122px; }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (orientation : portrait ) {
	.navbar-header { float:left; margin:0 auto; width:50%; } 
	.navbar-nav  { float:right; width: 50%; padding:0; margin:0; }
	.arbres { margin-top:120px; }
}

/* Pour iPhones */
@media only screen 
and (min-device-width : 320px)
and (max-device-width : 736px) {
	a.logo {
		width:250px;
	}
	a.logo img {
		display:none;
	}
	a.logo h1 {
		font-size: 1.75em;
		text-align: left;
		width:250px;
		margin-top:14px;
		margin-left:3px;
	}
	a.logo h2 {
		float:left;
		width:220px;
		text-align: center;
		font-size: 1.35em;
	}
	a.nom h2 {
		width:100%;
		text-align:center;
	}
	.header-sec h2 {
		padding-top:0px;
    }
	.testi-sec h3 { 	padding-top:30px; } 
	.price-sec h2 { font-size:30px; color:#fff; }
	.testi-sec .overlay { padding-bottom:35px; }
	.arbres { margin-top:120px; }
	.video iframe { width:100%; height:auto; }
	#contact h3 { padding-top:0; }
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 736px) 
and (orientation : landscape) {
	a.logo {
		width:375px;
	}
	a.logo h1 {
		margin-left: 10px;
	}
	a.nom h2 {
		float:left;
		margin: 10px 0 0 10px;
		width:375px;
		text-align: left;
		font-size: 1.35em;
	}
	.navbar-fixed-top,
	.navbar-fixed-bottom {
		 position: relative;
		 right: 0;
		 left: 0;
		 z-index: 1030;
		 -webkit-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	.navbar {
		margin-bottom: 0px;
	}
	.header-sec h2 {
		padding-top:30px;
    }
	.header-sec .overlay {
		margin-top:0px;
	}
	.arbres { margin-top:0px; }
	
}