/*



Theme Name: DiviChild



Description: Thème enfant pour Divi



Author: Laurent



Template: Divi



*/







@import url("../Divi/style.css");





/* changement de couleur au survol de l'icône facebook */



#footer-bottom .et-social-icon a:hover {



	color: #A1E66A !important;



}

#top-header,
#top-header a,
#top-header span {
	font-size: 20px;
	color: #A1E66A;
}
#top-header .et-social-facebook a.icon:before {
	font-size: 20px;
	color: #2ea3f2;
}

.ILD_section_recrutement {
	padding: 5px 0;
}

.ILD_section_recrutement .et_pb_row {
	padding: 10px 0 0;
}
.ILD_section_recrutement .et_pb_blurb {
	margin-bottom: 5px !important;
}

.ILD_section_recrutement h4 {
	font-size: 25px;
}

#ILD_slider-accueil .et_pb_more_button {
	background: rgba(0,0,0,.5);
}

#ILD_amenagementautoplay .et_pb_slide {
	height: 404px;
	position: relative;
}

#ILD_amenagementautoplay .et_pb_slide:before {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 20px;
	background: url(avant.png);
	background-repeat: no-repeat;
	width: 130px;
    height: 157px;
    background-size: 130px 157px;
	z-index: 99;
}

#ILD_amenagementautoplay .et_pb_slide:after {
	content: "";
	position: absolute;
	bottom: 0px;
	right: 20px;
	background: url(apres.png);
	background-repeat: no-repeat;
	width: 130px;
    height: 157px;
    background-size: 130px 157px;
	z-index: 99;
}


.et_nav_text_color_light .et_mobile_menu li a {
	text-align: center;
}

#et-info-email {
	margin-top: 10px;
	display: inline-block;
}


/* changement de couleur du lien du menu lorsqu'un de ces enfants est sélectionné */



.et_nav_text_color_light #top-menu li.current-menu-ancestor > a {



	color: #131313;



}



.et-waypoint {
	 opacity: 1 !important;
}



/* Bambou en page d'accueil */



#ILD_accueil-impots {



	background-image: url(bambou-accueil.png)!important;



	background-repeat: no-repeat;



	background-size: 700px 900px;



  	background-position: 499px -47px;



}







/* bambou en page aménagement */



#ILD_amenagement-haut {



	background-image: url(bambou-amenagement.png)!important;



	background-repeat: no-repeat;



	background-size: 700px 900px;



  	background-position: -260px 264px;



}











/**



* Général



**/

/* pagination */
.et_pb_gallery .et_pb_gallery_pagination ul li a {
	color: #000 !important;
}
.et_pb_gallery .et_pb_gallery_pagination {
	border-top: 1px solid #2C201D !important;
}






/* changement de l'animation des overlays */



.et_overlay {



    -webkit-transform: scale(.9);



    -moz-transform: scale(.9);



    -o-transform: scale(.9);



    -ms-transform: scale(.9);



    transform: scale(.9);



}



 



.et_shop_image:hover .et_overlay, .et_portfolio_image:hover .et_overlay{



    -webkit-transform: scale(1);



    -moz-transform: scale(1);



    -o-transform: scale(1);



    -ms-transform: scale(1);



    transform: scale(1);



}







/* changement de l'icône au survol des projets */



.et_overlay:before {



	content: '\e054';



	top: 50%;



  	margin: -20px 0 0 -20px;



  	font-size: 40px;



}



/* changement de la couleur de fond des overlay */



.et_overlay {



	background: rgba(255,255,255,0.5) !important;



}







#ILD_contacts-form .et_pb_contact_submit,



#ILD_accueil-form .et_pb_contact_submit {



	color: #fff !important;



}



/* Captcha en vert */



.et_pb_contact_right {



	color: #A1E66A;



}



/* couleur des liens du header */



.et_nav_text_color_light #top-menu > li > a, .et_nav_text_color_light .fullwidth-menu > li > a {



	color: #2C201D;
	font-size: 19px;



}



.et_nav_text_color_light #top-menu > li > a:hover, .et_nav_text_color_light .fullwidth-menu > li > a:hover {



	color: #000;



	text-decoration: overline;



}



.et_nav_text_color_light #top-menu li.current-menu-item > a {



	color: #131313;



}



.et_nav_text_color_light .nav ul li a:hover, .et_nav_text_color_light .et_mobile_menu li a:hover {



	color: #2C201D !important;



	text-decoration: overline;



}



.et_nav_text_color_light #top-menu li li a:hover, .et_nav_text_color_light .fullwidth-menu li li a:hover {



	color: #2C201D !important;



	text-decoration: overline;



}



.et_nav_text_color_light #top-menu li li a, .et_nav_text_color_light .fullwidth-menu li li a {



	color: #2C201D;



}



.et_nav_text_color_light .et_mobile_menu li a {



	color: #2C201D



}



/* changement de la couleur de fond du top header*/



#top-header {



	background-color: #2C201D !important;



}



/* footer */



#main-footer {



	background: #2C201D !important;



	border-top: 1px solid #A1E66A;



}



#footer-bottom {



	background-color: #2C201D !important;



}



/* cache le logo de base de Divi */



#logo {



	display: none;



}







/* Je rajoute le logo perso */



#main-header:before {



	position: absolute;



	left: 60px;



	bottom: -43px;



	content: "";



	background: url(logo.png);



	height: 200px;



	width: 300px;



	z-index: 99999!important;



}







/*Logo sur mobile*/



@media (max-width: 768px) {



	#main-header:before {



		position: absolute;



		left: 0px;



		bottom: -43px;



		content: "";




		height: 200px;



		width: 200px;



		z-index: 99999!important;



	}



}







#main-header:after {



	position: absolute;



	left: 0px;



	bottom: 0px;



	content: "";



	background: url(bambou-header.png);



	height: 100px;



	width: 100px;



	z-index: 99998!important



  	background-position: 1px -17px;



  	background-size: 125px 125px



}







/* Overlay titres des bandeaux */



.et_pb_slide_description h2 {



	background: rgba(0,0,0,0.3);



	padding: 20px;



	border-radius: 10%;



}







/* Style du header & navigation */



#main-header {



	background: #A1E66A !important;



	position: relative;



}







#top-menu li > a, .fullwidth-menu li > a {



	color: #131313;



}







/* Petit overlay sous les titres h1 */



.et_pb_text h1 {



	background: rgba(0,0,0,0.5);



}







/* Changement du style des boutons */



.et_pb_contact_submit {



	border-top-left-radius: 15px;



	border-bottom-right-radius: 15px;



}







.et_pb_contact_submit:hover {



	background: #A1E66A !important;



	color: #131313 !important;



	transition: .5s;



}







/* Couleur titre du formulaire de contact rapide */



.et_pb_contact_main_title {



	color: #fff;



}







/**



* Page présentation



**/



#ILD_presentation-bg {



	background-image: url(bambou-accueil.png);



 	background-position: -3px -345px;



}







/**



* Page accueil



**/







/* Liens arrondis en bas */



#ILD_accueil-plus .et_pb_promo_button {



 	border-top-left-radius: 15px;



	border-bottom-right-radius: 15px;



  	border: 2px solid #A1E66A !important;



}







/* lien plus d'infos sur credit d'impots */



#ILD_accueil-impots .et_pb_promo_button {



 	border-top-left-radius: 15px;



	border-bottom-right-radius: 15px;



  	border: 2px solid #2C201D !important;



	color: #2C201D;



}



/* Bordure sous slider */







#ILD_portfolio-accueil .et_overlay {



	background: rgba(255,255,255,0.5);



}



#ILD_portfolio-accueil h2 {



	position: relative;



  	z-index: 999;



  	margin-top: -129px;



  	background: rgba(0,0,0,0.5);



  	color: #fff;



 	text-align: center;



	font-size: 2em;



	padding: 70px 0 31px;



}







/* Images à côté des titres de sections */



/* prestations */



#ILD_portfolio-accueil #post-1065 h2 {



	position: relative;



}



#ILD_portfolio-accueil #post-1065 h2:before {



	content: "";



	position: absolute;



	bottom: 57px;



	left: 50%;



	margin-left: -35px;



	background: url(icons/elagage.png);



	height: 70px;



	width: 70px;



}



/* entretien */



#ILD_portfolio-accueil #post-207 h2 {



	position: relative;



}



#ILD_portfolio-accueil #post-207 h2:before {



	content: "";



	position: absolute;



	bottom: 55px;



	left: 50%;



	margin-left: -35px;



	background: url(icons/entretien.png);



	height: 70px;



	width: 70px;



}







/* Aménagement */



#ILD_portfolio-accueil #post-204 h2 {



	position: relative;



}



#ILD_portfolio-accueil #post-204 h2:before {



	content: "";



	position: absolute;



	bottom: 55px;



	left: 50%;



	margin-left: -35px;



	background: url(icons/amenagement.png);



	height: 70px;



	width: 70px;



}







/* Conception */



#ILD_conception-fake-avant,



#ILD_conception-fake-apres {



	position: relative;



}







#ILD_conception-fake-avant:before  {



	content: "";



  	position: absolute;



  	left: -47px;



  	bottom: 25px;



  	background-image: url(grenouille-conception-3d.png);



  	background-repeat: no-repeat;



  	background-size: 100px 100px;



  	width: 100px;



  	height: 100px;



}







#ILD_conception-fake-apres:before  {



	content: "";



  	position: absolute;



  	right: -25px;



  	bottom: 25px;



  	background-image: url(grenouille-projet_realise.png);



  	background-repeat: no-repeat;



  	background-size: 100px 100px;



  	width: 100px;



  	height: 100px;



}







#ILD_portfolio-accueil #post-200 h2 {



	position: relative;



}



#ILD_portfolio-accueil #post-200 h2:before {



	content: "";



	position: absolute;



	bottom: 62px;



	left: 50%;



	margin-left: -35px;



	background: url(icons/computer.png);



	height: 55px;



	width: 67px;



}







/* portfolio style windows8 */



#ILD_portfolio-accueil .et_pb_portfolio_item{



	width: 50% !important;



	margin: 0px !important;



}



.et_pb_column_4_4 .et_pb_grid_item:nth-child(4n+1), .et_pb_column_3_4 .et_pb_grid_item:nth-child(3n+1), .et_pb_column_2_3 .et_pb_grid_item:nth-child(2n+1), .et_pb_column_1_2 .et_pb_grid_item:nth-child(2n+1), .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product:nth-child(4n+1), .et_pb_column_3_4 .et_pb_shop_grid .woocommerce ul.products li.product:nth-child(3n+1), .et_pb_column_2_3 .et_pb_shop_grid .woocommerce ul.products li.product:nth-child(2n+1), .et_pb_column_1_2 .et_pb_shop_grid .woocommerce ul.products li.product:nth-child(2n+1), .et_full_width_page.woocommerce-page ul.products li.product:nth-child(4n+1), .et_left_sidebar.woocommerce-page ul.products li.product:nth-child(3n+1), .et_right_sidebar.woocommerce-page ul.products li.product:nth-child(3n+1) {

	clear: none !important;

}







#ILD_slider-accueil .et_pb_section,



#ILD_portfolio-container > .et_pb_row {



	padding: 0;



}







#ILD_portfolio-container {



	padding: 0px !important;



}







#ILD_portfolio-accueil img  {



	width: 100%;



}







/* changement de la couleur du menu responsive */



#main-header, #main-header .nav li ul, .et-search-form, #main-header .et_mobile_menu {



	background-color: #A1E66A !important;



}



.et-search-form, .nav li ul, .et_mobile_menu, .footer-widget li:before, .et_pb_pricing li:before, blockquote {



	border-color: #A1E66A !important;



}



.et_mobile_menu li a {



	color: #131313;



}







/* Responsive sur portfolio de l'accueil */







@media (min-width: 1200px) {



	#ILD_portfolio-container,



	#ILD_portfolio-container .et_pb_row {



		width: 1200px;



	}



}







@media (max-width: 1199px) {



	#ILD_portfolio-container,



	#ILD_portfolio-container .et_pb_row {



		width: 100%;



		margin: 0 auto;



	}



	.et_pb_portfolio_grid .et_pb_portfolio_item:nth-child(2n+1) {



		float: left;



		clear: none;



	}



	#ILD_portfolio-container .et_pb_column {



		padding: 0;



	}



}







@media (max-width: 768px) {



	#ILD_portfolio-accueil .et_pb_portfolio_item {



		width: 100% !important;



	}



	.et_pb_portfolio_grid .et_pb_portfolio_item, .et_gallery_item {



		float: left!important;



	}



}







/**



* Page engagement



**/



#ILD_engagement-texte p {



	background: rgba(0,0,0,0.5);



	padding: 10px 20px;

	padding-right: 56px;



}



#ILD_engagement-texte h1 {



	padding: 25px 0 10px;



}







#ILD_engagement-texte {



	position: relative;



}

/*

#ILD_engagement-texte:before {



	position: absolute;



	content: "";



	top: 45px;



	right: -59px;



	background: url(Logo-rainette2.png) no-repeat;



	width: 150px;



	height: 150px;



} 



@media (max-width: 479px) {

	#ILD_engagement-texte:before {



		position: absolute;

		content: "";

		top: 83px;

		right: -59px;

		background: url(Logo-rainette2.png) no-repeat;

		width: 150px;

		height: 150px;



	}

}

*/






/* Bulle de discussion */



#ILD_engagement-bulle {



	background: #2C201D;



	padding: 10px;



	border-radius: 10px;



	position: relative;



}







#ILD_engagement-bulle:before {



	content: "";



	position: absolute;



	bottom: -30px;



	left: 105px;



	border-right: 100px solid transparent;



  	border-top: 30px solid #2C201D;



}







/**



* Page contacts



**/



/*  réduction de la taille du captcha */



.wpcf7 .et_pb_contact_captcha



{



max-width:80px;



}







/* Background bambou */



#ILD_contacts-bg {



	background-image: url(bambou-bg.png);



	background-position: 469px 64px;



}



/* Bouton submit du formulaire au centre */



#ILD_contacts-form .et_pb_contact_submit {



	float: none !important;



	margin-top: 20px;



}



/* Bordure au dessus de la map google */



#ILD_contacts-map {



	border-top: 1px solid #2C201D !important;



}







/* à vérifier si on garde*/



/*



#ILD_contacts-bg-dessous {



	background-image: url(logo-rainette.png);



  	background-position: 951px 335px;



  	background-size: 400px 400px;



} */







/**



* Page présentation



**/







#ILD_presentation_infos h1 {



	background: none;



}







#ILD_presentation-portfolio img,



#ILD_presentation-portfolio .et_overlay,

#ILD_galerie-portfolio img,

#ILD_galerie-portfolio .et_overlay {



	border-top-left-radius: 30px;



  	border-bottom-right-radius: 30px;



	background: rgba(255,255,255,0.5);	



}







/**



* Page aménagement



**/







#ILD_amenagement-haut .et_pb_bg_layout_dark {



	border-radius: 0px !important;



}







#ILD_amenagement-autres img,



#ILD_conception-autres img,



#ILD_entretien-autres img,

#ILD_elagage-autres img,

#ILD_elagage-autres .et_overlay,



#ILD_amenagement-autres .et_overlay,



#ILD_conception-autres .et_overlay,



#ILD_entretien-autres .et_overlay {



	border-top-left-radius: 30px !important;



  	border-bottom-right-radius: 30px !important;



}







/* Ajout de la rainette en filigrane */



#ILD_amenagement-autres,



#ILD_conception-autres,



#ILD_entretien-autres,

#ILD_elagage-autres {



	background-image: url(Logo-rainette.png);



  	background-size: 450px 490px;



  	background-position: 458px -30px;



}







#ILD_prestations-autres {



	background-image: url(Logo-rainette.png);



  	background-size: 450px 490px;



  	background-position: 673px -30px;



}











/* changement de la forme du lien */



#ILD_amenagement-autres .et_pb_promo_button,



#ILD_conception-autres .et_pb_promo_button,

#ILD_elagage-autres .et_pb_promo_button,



.et_pb_pricing_table_button,



.et_pb_promo_button {



	border-top-left-radius: 10px;



	border-bottom-right-radius: 10px;



}







/**



* Page entretien



**/



.et_pb_pricing_heading {



	background: #2C201D !important;



	border-top-left-radius: 20px;



	border-top-right-radius: 20px;



}







.et_pb_pricing_table {



	border-bottom-left-radius: 25px;



  	border-bottom-right-radius: 25px;



	border-top-left-radius: 20px;



	border-top-right-radius: 20px;



}







.et_pb_promo {



	border-top-left-radius: 25px;



	border-bottom-right-radius: 25px;



}







/* Modification des bordures des images de gallerie */



.et_pb_gallery_grid .et_pb_gallery_image {



	border-top-left-radius: 30px !important;



  	border-bottom-right-radius: 30px !important;



}



.et_pb_gallery_grid .et_pb_gallery_image .et_overlay {



	border-top-left-radius: 30px !important;



  	border-bottom-right-radius: 30px !important;



}







/**



* Page prestations



**/



#ILD_prestations-formule-eco,



#ILD_entretien-formule-eco {



	background: #543D37;



	padding: 10px 0 15px;



	border-top-left-radius: 30px;



	border-bottom-right-radius: 30px;



	position: relative;



	background-image: url(Logo-rainette.png);



  	background-repeat: no-repeat;



  	background-size: 150px 150px;



  	background-position: -29px 190px;



}







#ILD_prestations-formule-eco:before,



#ILD_entretien-formule-eco:before {



	content: "";



	position: absolute;



	top: 0px;



	right: 0px;



	background: url(formule-eco.png);



	width: 70px;



	height: 70px;



}







#ILD_prestations-formule-confort,



#ILD_entretien-formule-confort {



	background: #3B2B27;



	padding: 10px 0 15px;



	border-top-left-radius: 30px;



	border-bottom-right-radius: 30px;



	position: relative;



  	background-image: url(Logo-rainette.png);



  	background-repeat: no-repeat;



  	background-size: 200px 200px;



  	background-position: -29px 142px;



}







#ILD_prestations-formule-confort:before,



#ILD_entretien-formule-confort:before {



	content: "";



	position: absolute;



	top: 0px;



	right: 0px;



	background: url(formule-confort.png);



	width: 70px;



	height: 70px;



}







#ILD_prestations-formule-serenite,



#ILD_entretien-formule-serenite {



	background: #2C201D;



	padding: 10px 0 15px;



	border-top-left-radius: 30px;



	border-bottom-right-radius: 30px;



	position: relative;



  	background-image: url(Logo-rainette.png);



  	background-repeat: no-repeat;



  	background-size: 250px 250px;



  	background-position: -29px 94px;



}







#ILD_prestations-formule-serenite:before,



#ILD_entretien-formule-serenite:before {



	content: "";



	position: absolute;



	top: 0px;



	right: 0px;



	background: url(formule-serenite.png);



	width: 70px;



	height: 70px;



}







#ILD_prestations-devis,



#ILD_entretien-devis {



	background: #2C201D;



	border-radius: 20px;



	padding: 15px;



}







/**



* Page prestations



**/



#ILD_prestations-portfolio .et_pb_portfolio_item {



 	width: 25% !important;



	margin: 0;



}







#ILD_prestations-portfolio-container {



	padding: 0px;



}







#ILD_prestations-portfolio-container .et_pb_row {



	padding: 0;



	width: 100%;



}







@media (max-width: 970px) {



	.ILD_frog-service {



		margin-top: 11px !important;



  		height: 150px;



  		width: 140px; 



	}



}







/* entretien */



#ILD_prestations-portfolio #post-207 h2 {



	position: relative;



}



#ILD_prestations-portfolio #post-207 h2:before {



	content: "";



	position: absolute;



	bottom: 55px;



	left: 50%;



	margin-left: -35px;



	background: url(icons/entretien.png);



	height: 70px;



	width: 70px;



}







/* Aménagement */



#ILD_prestations-portfolio #post-204 h2 {



	position: relative;



}



#ILD_prestations-portfolio #post-204 h2:before {



	content: "";



	position: absolute;



	bottom: 55px;



	left: 50%;



	margin-left: -35px;



	background: url(icons/amenagement.png);



	height: 70px;



	width: 70px;



}







/* Conception */







#ILD_prestations-portfolio #post-200 h2 {



	position: relative;



}



#ILD_prestations-portfolio #post-200 h2:before {



	content: "";



	position: absolute;



	bottom: 62px;



	left: 50%;



	margin-left: -35px;



	background: url(icons/computer.png);



	height: 55px;



	width: 67px;



}



#ILD_prestations-portfolio #post-1065 h2 {



	position: relative;



}



#ILD_prestations-portfolio #post-1065 h2:before {



	content: "";



	position: absolute;



	bottom: 62px;



	left: 50%;



	margin-left: -35px;



	background: url(icons/elagage.png);



	height: 55px;



	width: 67px;

 	 background-size: 67px 55px;



}



#ILD_prestations-portfolio h2 {



	position: relative;



  	z-index: 999;



  	margin-top: -129px;



  	background: rgba(0,0,0,0.5);



  	color: #fff;



 	text-align: center;



	font-size: 2em;



	padding: 70px 0 31px;



}







@media (max-width: 768px) {



	#ILD_prestations-portfolio h2 {



  		padding: 5px 0 5px;



		margin-top: -54px;



		font-size: 1em;



	}



	#ILD_prestations-portfolio h2:before {



		display: none;



	}



}







@media (max-width: 415px) {



	#ILD_prestations-portfolio .et_pb_portfolio_item {



		width: 100% !important;



	}



}







@media only screen and (max-width: 980px) {



	#ILD_prestations-portfolio .et_pb_column {



		padding-bottom: 0px !important;



	}



}







@media (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {



	#ILD_entretien-formule-serenite p:first-child,



	#ILD_entretien-formule-confort p:first-child,



	#ILD_entretien-formule-eco p:first-child {



		padding-left: 5px !important;



		font-size: 27px !important;



	}



}

#main-header {
	height: 150px;
}
#main-header::before { 
	height: 150px;
	width: 300px;
	background-size: 300px 150px;
	bottom: 0;
}

#main-header::after {
	display: none;
}

.et-waypoint:hover {
	transform: rotate(-5deg);
	transition: .5s ease-in;
}

/* case à cocher RGPD */
.et_pb_contact p input[type=checkbox] {
	display: inline-block;
	width: 20px !important;
	height: 20px;
	-webkit-appearance: checkbox !important;
}

.et_pb_contact p input[type="checkbox"] {
	position: relative;
	top: 6px;
}

/* Pour avoir le titre sur iPad etc, et effet au survol qui remonte sur toute la photo*/

.et_pb_fullwidth_portfolio .et_pb_portfolio_image .meta {

  opacity: 1 !important;

  width: 100%;

  height: 40px;

  background: rgba(44,32,29,0.5);

  top: initial;

  bottom: 0px !important;

}

.et_pb_fullwidth_portfolio .et_pb_portfolio_image h3 {

  margin-top: 4% !important;

  font-size: 18px;

}



.et_pb_fullwidth_portfolio .et_pb_portfolio_image:hover .meta {

  transform: translate(0, 0px);

  -webkit-transform: translate(0, 0px);

  -moz-transform: translate(0, 0px);

  -ms-transform: translate(0, 0px);

  height: 100% !important;

  transition: 0.5s;

}

@media only screen and (max-width: 479px) {
.et_pb_column {
  padding-bottom: 0px;
}

}

@media (max-width: 768px) {
#ILD_prestations-portfolio h2 {
  padding: 5px 0 5px;
  margin-top: -24px;
  font-size: 1em;
}
}