/*
Theme Name: Divi Enfant - DiviKit
Description: Divi Enfant, theme enfant de Divi
Author: StudioRicom
Author URI: https://www.studioricom.com/
Template: Divi
*/
/*

MES STYLES

*/
.container {
    position: relative;
    width: 96% !important;
    max-width: 1280px;
    margin: auto;
}

/******MENU TOP***********/
#top-header {
    z-index: 99;
}

/*.logo_container {
    z-index: 99999;
}*/
#main-header.et-fixed-header {
    -webkit-box-shadow: 0 8px 7px rgba(0,0,0,.1) !important;
    -moz-box-shadow: 0 8px 7px rgba(0,0,0,.1) !important;
    box-shadow: 0 8px 7px rgba(0,0,0,.1) !important;
}
#logo {
    max-height: 100%;
    margin-top: -20px;
	max-width: 250px;
}
.et-fixed-header #logo {
    max-height: 110%;
    padding-left: 70px;
    margin-top: -30px;
}
#et-top-navigation {
    padding-top: 20px !important;
}
#page-container {
    padding-top: 194px !important;
}
#et-secondary-nav {
	width: 900px;
	max-width: 100%;
}
.jaune {
	background-color: #faea23 !important;
	padding: 7px 10px 0px 10px;
	border-radius: 6px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
}
.droite {
	float: right;
	margin-left: 10px;
}
.gauche {
	padding-left: 10px;
	border-left: 2px solid #000;
}
.et-fixed-header .bt-portes, .et-fixed-header .bt-portails, .et-fixed-header .bt-quai, .et-fixed-header .bt-acces, .et-fixed-header .bt-rideaux,.et-fixed-header .bt-services {
	background: none !important;
	transition: all ease 0.2s;
}
#et-secondary-nav .gauche a {
	padding-bottom: 2px !important;
}
.current-menu-parent {

    background-color: #faea23 !important;
    color: #000 !important;

}
.current-menu-parent a{

    color: #000 !important;

}
.et-fixed-header #top-menu li.current-menu-ancestor > a{
	color: #000 !important;
	font-weight: 600;
}
.jaune:hover {
	background-color: #000 !important;
}
.jaune:hover > a {
	color: #fff !important;
}
/*******MENU PRINCIPAL*******/
#top-menu > li:last-child {
	padding-right: 20px;
}
#top-menu li {
	display: inline-block;
	padding-right: 22px;
	font-size: 14px;
	padding: 20px 16px 0 16px;
	background: #e6e6e6;
	margin: 0;
	transition: all ease-in-out 0.5s;
}
#top-menu-nav {
	background: #e6e6e6;
}
#top-menu li:hover {
	background-color: #faea23 !important;
	transition: all ease-in-out 0.5s;
}
#et-secondary-nav li.droite {
	margin-right: 0px;
}
#top-menu li li a {
    width: 200px;
    padding: 6px 10px;
    font-size: 13px;
    font-weight: 400 !important;
}
/*#top-menu li:hover::after {
	content: " ";
	display: inline-block;
    -moz-box-shadow: -3px 0px 5px 0px #656565;
-webkit-box-shadow: -3px 0px 5px 0px #656565;
-o-box-shadow: -3px 0px 5px 0px #656565;
box-shadow: -3px 0px 5px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=5);
}*/
.bt-portes {
	background: url(https://www.defi-fermetures.fr/wp-content/uploads/2019/06/picto-portes.png) no-repeat 50% 70% !important;
	text-align: center;
}
.bt-portails {
	background: url(https://www.defi-fermetures.fr/wp-content/uploads/2019/06/picto-portail.png) no-repeat 50% 70% !important;
	text-align: center;
}
.bt-quai {
	background: url(https://www.defi-fermetures.fr/wp-content/uploads/2019/06/picto-quai.png) no-repeat 50% 70% !important;
	text-align: center;
}
.bt-acces {
	background: url(https://www.defi-fermetures.fr/wp-content/uploads/2019/06/picto-acces.png) no-repeat 50% 70% !important;
	text-align: center;
}
.bt-rideaux {
	background: url(https://www.defi-fermetures.fr/wp-content/uploads/2019/06/picto-rideau.png) no-repeat 50% 70% !important;
	text-align: center;
}
.bt-services {
	background: url(https://www.defi-fermetures.fr/wp-content/uploads/2019/07/picto-services.png) no-repeat 50% 70% !important;
	text-align: center;
}
#top-menu li.mega-menu > ul {
	background: #ffef20 !important;
	max-width: 994px;
	float: right;
	right: 0 !important;
	left: unset !important;
	width: 100%;
}
#top-menu li.mega-menu > ul > li {
margin: 10px 0 0 0;
    width: 33% !important;
    padding-right: 10px !important;

}
#top-menu li.mega-menu > ul > li > a:first-child {
    padding-top: 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.59);
    font-weight: 700;
}
#top-menu li.mega-menu > ul > li > a {

    width: 90%;
    padding: 0px;
        padding-top: 0px;
        padding-right: 0px;

}
.sub-menu li {
	background: transparent !important;
}
#top-menu li li a {
	width: 200px;
	padding: 6px 00px;
	font-size: 13px;
	font-weight: 600 !important;
	line-height: 1.3em;
}
.sub-menu .sub-menu {
    padding-left: 10px !important;
}
#top-menu > li > ul > li > a {
    font-size: 15px;
    font-weight: bolder;
}
.sub-menu .sub-menu a {

    font-size: 12px !important;
	font-weight: 300 !important;

}
/*#top-menu li.mega-menu > ul {
	-webkit-animation: slide-bottom 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	        animation: slide-bottom 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}*/


#top-menu li.mega-menu > ul > li:nth-of-type(4n+1) {
    clear: unset !important;
}
#top-menu li.mega-menu > ul > li:nth-of-type(4n) {
    clear: unset !important;
}
#top-menu li.mega-menu > ul > li:nth-of-type(3n+1) {
    clear: left !important;
}
#top-menu li.mega-menu > ul > li:nth-of-type(3n) {
    clear: right !important;
}
/**************ACCUEIL************/
.soustitre h3::before {
	content: "";
	position: absolute;
	top: 88%;
	height: 1px;
	width: 30%;
	left: 35%;
	background-color: rgba(0, 0, 0, 1.00);
}
.soustitre h3::after {
	position: absolute;
	top: 83%;
	height: 7px;
	width: 10%;
	left: 45%;
	background-color: rgb(255, 135, 0);
	display: inline-block;
	text-align: center;
	content: "";
	border-radius: 11%;
}
.home article, .bloc-actu article {
	height: 500px;
	-moz-box-shadow: 0px 0px 25px 0px #65656580;
	-webkit-box-shadow: 0px 0px 25px 0px #65656580;
	-o-box-shadow: 0px 0px 25px 0px #65656580;
	box-shadow: 0px 0px 25px 0px #65656580;
	filter: progid: DXImageTransform.Microsoft.Shadow(color=#65656580, Direction=NaN, Strength=25);
}
.numtel {
    font-size: 40px;
    vertical-align: super;
    color: #000;
    margin-top: -11px;
    display: inline-block;
    background: url(https://www.defi-fermetures.fr/wp-content/uploads/2019/06/picto-tel.png) no-repeat 0%;
    padding-left: 80px;
    line-height: 1.5em;
}
/**************PAGES INTERIEURES**********/
.titre h1 {
	color: #fff;
}
.titre h1::before {
	content: "";
	position: absolute;
	top: 106%;
	height: 1px;
	width: 30%;
	left: 35%;
	background-color: rgba(0, 0, 0, 1.00);
}
.titre h1::after {
	position: absolute;
	top: 100%;
	height: 7px;
	width: 10%;
	left: 45%;
	background-color: rgb(255, 135, 0);
	display: inline-block;
	text-align: center;
	content: "";
	border-radius: 11%;
}
h2, h2.entry-title {
    font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 22px !important;
}
.et_pb_text_inner p {
    font-weight: 300 !important;
}
.contact a {
	color:#000;
	
}
.contact a:hover {
	color:#000;
	text-decoration: underline;
	
}.et_pb_main_blurb_image {
    margin-bottom: 10px;
}
/***********PAGE CATEGORIE*************/
.categories .et_pb_column {
    padding: 4px;
}
.categorie {
    height: 310px;
    vertical-align: middle;
    display: table;
    width: 100%;
}

.categorie .et_pb_text_inner {
    vertical-align: middle;
    height: 100%;
    display: table-cell;
    text-align: center;
}

.categorie .et_pb_text_inner h2 {
    vertical-align: middle;
    background: #00000091;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-weight: 300;
    padding: 15px;
    font-size: 30px !important;
    text-transform: uppercase;
}
.bordures {
    border-left: 1px solid #c4c4c4;
    border-right: 1px solid #c4c4c4;
}

/*****************FOOTER*************/
.menu-menu-footer-container ul {
    display: block;
    text-align: right;
    float: right;
	width: 100%;
}
.menu-menu-footer-container li {
    display: inline;
    text-align: right;
	    font-weight: 200;
}

.rezo img {
    margin-right: 10px;
}
.lienspieds a {
    color: #a29e9a;
    font-size: 12px;
    text-decoration: underline;
}

.nf-field-element input[type="button"] {
    background: #faea23;
    border: 0;
    text-transform: uppercase;
    padding: 5px;
	color:#000;
}
.et_pb_widget li a:hover {
    transition: all 0.5s ease-in-out !important;
}
.et_pb_widget li a {
    transition: all 0.5s ease-in-out !important;
}

.et_pb_text_inner li {
    font-weight: 300;
}


.et_pb_blurb_position_left .et_pb_main_blurb_image, .et_pb_blurb_position_right .et_pb_main_blurb_image {
    display: table-cell;
    width: 120px;
    line-height: 0;
}
/*Modifier le point de rupture du menu mobile*/
/*En fait ici on cache le menu standard et on affiche le menu mobile*/


/******** PopIn *************/
.et_bloom .et_bloom_optin_1 .et_bloom_form_container .et_bloom_form_header.split.et_bloom_header_text_dark {
  background: #faea23 !important;
}
.et_bloom_form_text {
  padding: 0 10px !important;
}
.et_bloom_form_text h3 {
  font-weight: 600 !important;
  font-size: 20px !important;
}
.et_bloom .et_bloom_form_container .et_bloom_form_content {
  padding: 10px 15px;
  color: rgba(0, 0, 0, 0.5);
  width: 100%;
  background-color: #E9E9E9;
  position: relative;
}
.et_bloom .et_bloom_form_container .et_bloom_form_content {
  padding: 10px 15px !important;
  color: #000 !important;
  background-color: #E9E9E9;
  font-size: 12px !important;
}
.et_bloom .et_bloom_form_container .et_bloom_form_content input[type="submit"] {
  background: #000 !important;
  color: #fff;
}
.et_bloom .et_bloom_form_container .et_bloom_form_content form input, .et_bloom .et_bloom_form_container .et_bloom_form_content form textarea {
background-color: #ededed !important;
  border-bottom: #222 dotted 1px !important;
  padding: 5px 5px !important;
  border-radius: 0px !important;
  font-size: 13px;
  margin-bottom: 10px;
}
.et_bloom .nf-error-msg.nf-error-invalid-email {
  margin-bottom: 5px !important;
}
@media  ( max-width: 900px) {
#page-container {
    padding-top: 0px !important;
}
	.et_pb_with_border.et_pb_module.et_pb_text {
  padding-right: 0 !important;
  border-right: 0 !important;
}
	.bt-portes, .bt-portails, .bt-quai, .bt-acces, .bt-rideaux, .bt-services {
  background: none !important;
  transition: all ease 0.2s;
  text-align: left !important;
}
	.resfaq h4 {
  font-size: 26px !important;
  font-weight: 600;
}
	#logo {
  margin-top: 0px !important;
}
	.droite {
  float:none !important;
  margin-left: 10px;
  margin-bottom: 6px;
}
}

@media only screen and ( max-width: 1256px) {
	#top-menu-nav, #top-menu {
		display: none;
	}
	#et_top_search {
		display: none;
	}
	#et_mobile_nav_menu {
		display: block;
	}
	.container {
		position: relative;
		width: 100%;
		max-width: 1280px;
		margin: auto;
	}
	.prevention .et_pb_column.et_pb_column_1_6 {
  width: 100% !important;
		margin: 0 0 0 0 !important;
}
	.prevention .et_pb_column.et_pb_column_1_6 .et_pb_image {
  max-width: 100% !important;
  margin: 0 0 15px 0 !important;
  padding: 0 !important;
}
}