/*
Theme Name: template
Description: Thème enfant pour le thème Divi 
Author:  Medialogue
Template: Divi
*/

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

:root{
	--couleur-primaire:#f37123;
}

#et-info-phone{
	font-size:14px;
}

#footbut{
	display:flex;
	justify-content:center;
	align-items:center;
	float:right;
}

#footer-info img{
	margin-bottom: -10px;
	margin-right: 10px;
}

.sectionbusiness{
display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
	position: relative;
}

#et-info, #et-secondary-menu>ul>li a{
	padding-bottom:0;
}

#top-header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: .75em;
}

#top-header .container:after {
	content:none;
	display:none;
}

.sectionbusiness img{
	/* position: absolute; */
	width: 25px;
	left: -32px;
	top: -6px;
}

#post-85 .et_pb_button_0_wrapper{
	display:none;
}
/* ==========
   1.Basic
   ========== */
  .boutonfooter{
	margin-top: 5px;
	font-weight: 600;
	  margin-left:10px;
  }

  .page-id-85 .et_pb_column_inner_0 {
	background-color: var(--couleur-primaire) !important;
}

#top-header, #et-secondary-nav li ul {
	background-color: var(--couleur-primaire) !important; /*Overwrite le theme parce que plus facile à éditer plus tard*/
}

#et_search_icon:hover, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a, .bottom-nav li.current-menu-item>a, .comment-reply-link, .entry-summary p.price ins, .et-social-icon a:hover, .et_password_protected_form .et_submit_button, .footer-widget h4, .form-submit .et_pb_button, .mobile_menu_bar:after, .mobile_menu_bar:before, .nav-single a, .posted_in a, .woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content input.button, .woocommerce #content input.button.alt, .woocommerce #content input.button.alt:hover, .woocommerce #content input.button:hover, .woocommerce #respond input#submit, .woocommerce #respond input#submit.alt, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce .star-rating span:before, .woocommerce a.button, .woocommerce a.button.alt, .woocommerce a.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:hover, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .woocommerce-page #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content input.button, .woocommerce-page #content input.button.alt, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit, .woocommerce-page #respond input#submit.alt, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page .star-rating span:before, .woocommerce-page a.button, .woocommerce-page a.button.alt, .woocommerce-page a.button.alt:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt.disabled, .woocommerce-page button.button.alt.disabled:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button:hover, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page input.button, .woocommerce-page input.button.alt, .woocommerce-page input.button.alt:hover, .woocommerce-page input.button:hover, .wp-pagenavi a:hover, .wp-pagenavi span.current {
	color: var(--couleur-primaire) !important; /*Overwrite le theme parce que plus facile à éditer plus tard*/
}

body #page-container .et_pb_section#listing-trois-services a:hover{
	text-decoration: underline;
	color:#FFF!important;
}

h1{
	font-size: 2.75em !important;
	line-height: 1.2em !important; /*Overwrite le theme parce que plus facile à éditer plus tard*/
	font-weight: 800!important;
    font-style: italic;
}

.et_pb_post_title{
	font-size:22px;
}

.entry-title{
	text-align:center;
	color:#FFF;
}

h3.title{
	font-size:18px!important;
}

#footerInfo h4,
#footerInfo a{
	color:#FFF!important;
}

#top-menu-nav>ul>li>a:hover{
	color:var(--couleur-primaire)!important;
	opacity:1!important;
}

ul{
	list-style-position: inside;
}

/*SECTION PRIX CONTENEUR*/

#sectionPrix{

	.et_pb_button{
		&:hover{
			background-color:var(--couleur-primaire);
			color:#FFF;
		}
	}

	.et_pb_column_1_4{
		padding:32px;
		border:1px solid lightgrey;

		h3{

   
		}

		p{
			.price{
				font-size:30px;
			}
		}

		ul{
			list-style-position:outside;
		}

		.et_pb_button_module_wrapper {
			margin-bottom:10px;

			.et_pb_button{
				width: 100%;
				text-align: center;
				&:hover{
					background-color:var(--couleur-primaire);
					color:#FFF;
				}
			}
		}

		div:nth-of-type(3){
		
			.et_pb_button{
					background-color:var(--couleur-primaire);
					color:#FFF;
				&:hover{
					background-color:#FFF;
					color:var(--couleur-primaire);
					border-color:var(--couleur-primaire)!important;
				}
			}	
		}
		

	}

	#prixContact{
		background-color: var(--couleur-primaire);
		padding: 96px!important;
		h2{
			color:#FFF;
			font-size:55px;
			font-weight:bold;
		}

		p{
			color:#FFF;
		}

		a{
			color:#FFF;
			border-color:#FFF;
			&:hover{
				background-color:#FFF;
				color:var(--couleur-primaire);
			}
		}
	}

}

#sectionPrixListing{
    margin-top: 48px;
    border-top: 1px solid lightgrey;
}

/* ==========
   14.CONTACT
   ========== */
.page-id-47 input.text, .wpcf7-validates-as-date, input.title, input[type="email"], input[type="password"], input[type="tel"], input[type="text"], select, textarea,
.wpcf7-form textarea{
	width: 100%;
	padding: 8px 15px;
	margin-bottom: 7px;
	border: 2px solid var(--couleur-primaire);
	color: var(--couleur-primaire);
	font-size: 17px;
}

span[data-name="servicedispo"] .wpcf7-list-item label {
    display: flex;
    justify-content: center;
    align-items: center;
}

span[data-name="servicedispo"] > span > span:first-of-type{
	margin-left:0;
}

.wpcf7-submit{
	background: var(--couleur-primaire);
	padding: 4px 11px !important; /*Overwrite de contactform 7 a cause des inputs en haut*/
	color: #fff !important; /*Overwrite de contactform 7 a cause des inputs en haut*/
	font-weight: 700;
	font-size: 26px !important; /*Overwrite de contactform 7 a cause des inputs en haut*/
	cursor: pointer;

	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;

	border:2px solid var(--couleur-primaire);
}

.wpcf7-submit:hover{
	background: transparent;
	color: var(--couleur-primaire) !important; /*Overwrite de contactform 7 a cause des inputs en haut*/
}


/* ==========
   16.RESPONSIVE
   ========== */

@media only screen and (max-width:1400px){
	#sectionPrixListing {
		.et_pb_column_1_4 {
			width: 47%;
			margin-right: 6%;
			margin-bottom:6%;
		}

		&> div:nth-of-type(2){
			margin-right:0;
		}
	}
}

@media only screen and ( max-width: 980px ) {
	#testimonial {
		background-image: linear-gradient(90deg,rgba(242,246,249,0) 75%,#f2f6f9 100%)!important;
	}
	h1{
		font-size: 2em !important;/*Overwrite le theme parce que plus facile à éditer plus tard*/
	}

	#infocontact{
		padding-bottom: 0px;
	}

    #top-header .container {
        padding-top: 0.75em;
    }

}

@media only screen and ( max-width: 769px ) {
  #footer-bottom .container{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
  }

  .boutonfooter {
	  margin-top: 0px;
	  margin-bottom: 15px;
  }

  	#sectionPrixListing {
		.et_pb_column_1_4 {
            width: 100%;
			margin-right:0;
			margin-bottom:6%;
		}

	}

	#top-header .container{
		flex-direction: column;
	}

	.sectionbusiness{
		margin-top:10px;
	}

}

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

	.et_pb_number_counter_0.et_pb_number_counter .percent p, .et_pb_number_counter_1.et_pb_number_counter .percent p, .et_pb_number_counter_2.et_pb_number_counter .percent p{
		font-size:60px!important;
	}

	.home .et_pb_section_1.et_pb_section{
		padding-top:40px!important;
	}

	.home .et_pb_section_3.et_pb_section{
		padding:40px!important; 
	}

	.sectionbusiness{
		padding: 0px 0;
	}

	.sectionbusiness img{
		margin-right:5px;
	}

	#et-info-phone{
        margin-bottom: 5px;
        margin-right: 0;
        display: block;
	}

	h1{
		font-size: 1em !important;/*Overwrite le theme parce que plus facile à éditer plus tard*/
		line-height:1.2em;
	}

	h2{
		font-size: 1.25em !important;/*Overwrite le theme parce que plus facile à éditer plus tard*/
		line-height:1.2em;
	}

	h3{
		font-size: 1.1em !important;/*Overwrite le theme parce que plus facile à éditer plus tard*/
		line-height:1.2em;
	}

	.page-id-85 .et_pb_column_inner_1 {
	background-color: var(--couleur-primaire);
	}
}