/*
Theme Name: Enix Energies
Description: This is a custom child theme for Enfold
Author: Lauranne PUISSANT BERGER
Author URI: http://www.lauranne-sites-web.fr
Template: enfold
Version: 0.1
*/

/*
Couleurs :
Orange enix : #cf6314 (sélection menu, carte footer pays)
Orange clair recherche #fdac71
Gris foncé (barre de menu, bandeau footer, boutons, barres de titres...) : # 3e3e3e
Bleu violet (demande spécifique) : # 31277f
Noir (nos engagements)  #000000
Gris (nouvelle gamme) # 999999
*/

strong{
	color:inherit !important;
}
.print{
	display:none;
}
body .aligncenter{
	clear:none;
}
.main-droite ul{
	list-style:square inside url('images/PUCE.jpg');
}
/************************* HEADER ***************************/
#header_main{
	border:none;
}
#header_main .av-logo-container{
	margin-top: 15px;
	margin-bottom: 50px;
}
div .logo{
	position:relative;
	margin-bottom: 10px;
}
#header_main #baseline{
	display: block;
	margin-bottom:15px;
}
#header_main #partenaire{
	float:right;
	margin-top:20px;
}

.html_header_top.html_header_sticky.html_bottom_nav_header #main{
	padding-top: 202px;
}

/* Scroll */
.header-scrolled #header_main #baseline{
	display:none;
}
.header-scrolled #header_main #partenaire{
	width:150px;
	margin-top:0;
}
.header-scrolled #header_main .av-logo-container {
	margin-top: 10px;
	margin-bottom: 10px;
}
.html_header_top.html_bottom_nav_header .header-scrolled .main_menu > div,
.html_header_top.html_bottom_nav_header .header-scrolled .main_menu ul:first-child,
.html_header_top .header-scrolled.av_bottom_nav_header .main_menu ul:first-child > li a{
	height:40px;
	line-height:40px;
}

/************************* MENU ***************************/
#header_main_alternate{
	background:#3e3e3e;
	border:none;
}
.html_header_top.html_bottom_nav_header .main_menu > .avia-menu, 
.html_header_top.html_bottom_nav_header .main_menu #avia-menu{
	width:auto;
}
.html_header_top.html_bottom_nav_header .avia-menu{
	float:right;
}
.header_color .sub_menu > ul > li > a, 
.header_color .sub_menu > div > ul > li > a, 
.header_color .main_menu ul:first-child > li > a, 
#top .header_color .main_menu .menu ul .current_page_item > a, 
#top .header_color .main_menu .menu ul .current-menu-item > a, 
#top .header_color .sub_menu li ul a{
	color:#fff;
	text-transform:uppercase;
	border-bottom:3px solid #3e3e3e;
}
.header_color .av-subnav-menu a:hover, 
.header_color .main_menu ul:first-child > li a:hover{
	color:#fff;
	background:#cf6314;
	border-color:#cf6314;
}
.header_color .main_menu ul:first-child > li.current-menu-item > a, 
.header_color .main_menu ul:first-child > li.current_page_item > a, 
.header_color .main_menu ul:first-child > li.active-parent-item > a{
	color:#fff;
	border-color:#cf6314;
}
#top .av-main-nav > li > a{
	transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
}

/***** Sous-menu ******/
.header_color .main_menu ul ul{
	background:rgba(220, 220, 220, 0.9);
}
#top .header_color .main_menu .menu ul .current_page_item > a,
#top .header_color .main_menu .menu ul .current-menu-item > a,
#top .av-main-nav ul a{
	padding:3px 10px;
	background:transparent;
	border:none;
}
#top .av-main-nav ul a:hover,
#top .av-main-nav ul a:focus,
#top .header_color .main_menu .menu ul .current_page_item > a:hover,
#top .header_color .main_menu .menu ul .current-menu-item > a:hover,
#top .header_color .main_menu .menu ul .current_page_item > a:focus,
#top .header_color .main_menu .menu ul .current-menu-item > a:focus{
	border:none;
	background:#eee;
}
#top .header_color .main_menu .menu ul .current_page_item > a,
#top .header_color .main_menu .menu ul .current-menu-item > a{
	background:#fdac71;
	text-transform:none;
	color:inherit;
}

/***** Recherche ******/
.header_color .av-subnav-menu li.enix_search img,
#header_main .main_menu .avia-menu li.enix_search img{
	vertical-align: middle;
}
.header_color .av-subnav-menu li.enix_search a:hover,
#header_main .main_menu .avia-menu li.enix_search a:hover{
	background:inherit;
	border-color:#3e3e3e;
}

#header_main .main_menu li.enix_search #champ_recherche{
	width:216px;
	height:48px;
	background:url('images/champ-recherche.png') no-repeat;
	position:absolute;
	left:-80px !important;
	padding:10px 5px 3px 5px;
}
#top #header_main .main_menu li.enix_search #champ_recherche input[type="text"]{
	border:none;
	background:transparent;
	text-align:center;
	box-shadow:none;
}
#header_main .main_menu li.enix_search.nx_focus{
	overflow:visible !important;
}
#header_main .main_menu li.enix_search.nx_focus #champ_recherche{
	opacity:1 !important;
	display:block !important;
}
#header_main .main_menu li.enix_search #champ_recherche #list-suggest-header,
#header_main .main_menu li.enix_search #champ_recherche #list-suggest-header ul{
	display:block !important;
	height:auto;
}
#header_main .main_menu li.enix_search #champ_recherche #list-suggest-header ul a{
	border:none;
	color:inherit;
	text-transform:none;
	padding:5px 10px;
}
#header_main .main_menu li.enix_search #champ_recherche #list-suggest-header ul a:hover,
#header_main .main_menu li.enix_search #champ_recherche #list-suggest-header ul a:focus{
	background:#eee;
}


/***** Mobile ******/
@media screen and (max-width:768px){
	#header_main #partenaire{
		display:none;
	}
	#mobile-advanced li.enix_search > a{
		display:none;
	}
}

/************************* Fil d'ariane ***************************/
#top .title_container .container{
	min-height:0;
}
.container h1.main-title.entry-title{
	display:none;
}
.container .breadcrumbs{
	position:relative;
	margin-top:0;
	top:0;
	right:auto;
	color:#aaa;
}

/*************************** Accueil ******************************/
.home h2{
	color: #3e3e3e;
	border-bottom: 2px solid #3e3e3e;
	font-size: 25px;
}
.home a:hover .image-overlay{
	opacity:0 !important;
}
.home a:hover .image-overlay .image-overlay-inside{
	display:none;
}
/************************ Page de gamme ***************************/
/** Header **/
.page-de-gamme{
	padding-top:10px;
}
.page-de-gamme .content{
	padding-top:10px;
}
.page-de-gamme h1{
	display:inline-block;
	width:20%;
	padding:30px 15px 30px 30px;
	margin:0 2% 10px 0;
	background:#3e3e3e url('images/carres_titre_gamme.png') no-repeat left center;
	color:#fff;
	font-size:18px;
	line-height:22px;
	vertical-align:top;
}
.page-de-gamme #excerpt{
	display:inline-block;
	width:78%;
	background:rgba(255, 255, 255, 0.9);
	padding:10px;
	margin:0 0 10px 0;
	vertical-align:top;
}
.page-de-gamme #excerpt p{
	padding:0;
	margin:0;
}

/** Main **/
.page-de-gamme .main-droite{
	padding-left:22%;
}

.page-de-gamme .main-droite #sous-menu{
	width:100%;
	margin-bottom:10px;
	background:rgba(255, 255, 255, 0.9);
}
.page-de-gamme .main-droite #sous-menu h2{
	background:#3e3e3e;
	color:#fff;
	text-transform:uppercase;
	font-size:15px;
	padding:8px 18px;
}
.page-de-gamme .main-droite #sous-menu .sous-menu-gamme{
	padding:10px 18px;
}
.page-de-gamme .main-droite #sous-menu ul{
	margin:0;
	list-style:none;
	display:block;
}
.page-de-gamme .main-droite #sous-menu li{
	margin:0;
	padding:0;
	display:inline-block;
	width:32%;
	min-width:175px;
	vertical-align:top;
}

.page-de-gamme .main-droite #marques{
	float:left;
	width:50%;
	background:rgba(255, 255, 255, 0.9);
	margin:0 2% 10px 0;
	vertical-align:top;
}
.page-de-gamme .main-droite #marques h2{
	background:#3e3e3e;
	color:#fff;
	text-transform:uppercase;
	font-size:15px;
	padding:8px 18px;
}

.page-de-gamme .main-droite #content{
	float:right;
	width:48%;
	padding:10px 18px;
	background:rgba(255, 255, 255, 0.9);
	margin:0 0 10px 0;
	vertical-align:top;
}

/** Tableau (zone) **/
.page-de-gamme #tableau_gamme{
	clear:both;
	width:100%;
	margin-top:10px;
	position:relative;
}
.page-de-gamme #tableau_gamme h2{
	background:#3e3e3e;
	color:#fff;
	text-transform:uppercase;
	font-size:18px;
	padding:15px 18px;
	font-weight:normal;
	margin:0;
}
.page-de-gamme #tableau_gamme #bouton-imprimer{
	position:absolute;
	top:7px;
	right:10px;
}

/** Sidebar **/
.page-de-gamme #sidebar{
	display:block;
	float:left;
	width:20%;
	margin:0 2% 10px 0;
}
.page-de-gamme #sidebar .widget{
	padding:0;
	margin-bottom:10px;
}
.page-de-gamme #sidebar .image-overlay{
	display:none !important;
}
.page-de-gamme #sidebar .widget_nouveauxproduits img{
	margin-bottom:7px;
	display:block;
}
.page-de-gamme #sidebar .widget_nouveauxproduits ul{
	background:#ddd;
	padding:10px;
	max-width:200px;
	float:none;
}

/** Marques **/
#liste-marques{
	list-style:none;
	margin:15px 10px;
}
#liste-marques li{
	display:inline-block;
	width:49%;
	vertical-align:top;
}
#liste-marques li a{
	display:inline-block;
	padding:1px 17px 1px 8px;
	border-radius:2px 0 0 2px;
	line-height: 1;
}
#liste-marques .current-marque a{
	border:1px solid #cf6314;
	border-right:none;
}
#liste-marques li a:hover,
#liste-marques li a:focus{
	text-decoration:none;
}
/** Tableaux **/
.tab_gamme{
	display:none;
}
.tab_gamme#tab_nx{
	display:table;
}
.tab_gamme #entete th{
	font-weight:bold;
	background:#ea813f;
	letter-spacing: 0;
	border-color:#d5753b;
}
.tab_gamme tr td{
	vertical-align:middle;
}
.tab_gamme tr.en-avant td:first-child{
	padding-right:42px;
	background:url('images/produit-phare-etoile.png') no-repeat center right;
}
.tab_gamme tr.new td:first-child{
	padding-right:42px;
	background:url('images/produit-nouveau-N.png') no-repeat center right;
}
.tab_gamme p{
	padding:0;
	margin:0;
}
.tab_gamme td.pdf{
	text-align:center;
}
.tab_gamme td.pdf .no-link{
	opacity:0.2;
}
.tab_gamme td.pdf span.hover{
	display:block;
	overflow:hidden;
	width:24px;
	height:28px;
	background:url('images/pdf-2.png') no-repeat center left;
	margin:auto;
}
.tab_gamme td.pdf span.hover:hover{
	background-position:center right;
}

.tab_gamme td.ref .partnumbers{
	display:none;
	position:absolute;
	border:1px solid #000;
	background:#fff;
}
.tab_gamme td.ref:hover .partnumbers{
	display:block;
}

/** Responsive **/
.tab_gamme th.only-mobile,
.tab_gamme td.only-mobile{
	display:none;
}

@media screen and (max-width:950px){
	.tab_gamme th.no-resp,
	.tab_gamme td.no-resp{
		display:none;
	}
}
@media screen and (max-width:767px){
	.page-de-gamme h1,
	.page-de-gamme #excerpt,
	.page-de-gamme #sidebar,
	.page-de-gamme .main-droite #marques,
	.page-de-gamme .main-droite #content{
		width:100%;
		margin-right:0;
		float:none;
	}
	.page-de-gamme .main-droite{
		padding-left:0;
	}
	#bouton-imprimer{
		display:none;
	}
	.tab_gamme .no-resp{
		display:none;
	}
	.tab_gamme th,
	.tab_gamme td{
		font-size:12px;
		text-transform:none;
		padding: 7px 9px;
		letter-spacing: normal;
	}
}
@media screen and (max-width:600px){
	.tab_gamme th.no-mobile,
	.tab_gamme td.no-mobile{
		display:none;
	}
	.tab_gamme td.only-mobile{
		display:block;
	}
}

/************************ Page statique ***************************/
.page-statique main{
	padding:10px 0;
}
/** Main **/
.page-statique .main-droite{
	width:73%;
	float:right;
}

.page-statique .main-droite h1{
	background:#3e3e3e;
	color:#fff;
	text-transform:uppercase;
	font-size:15px;
	padding:15px 18px;
	margin:0;
}
.page-statique .main-droite #content{
	width:100%;
	padding:20px 18px;
	background:rgba(255, 255, 255, 0.9);
	margin:0 0 10px 0;
}

/** Sidebar **/
.page-statique #sidebar{
	display:block;
	float:left;
	width:25%;
	margin:0 2% 10px 0;
}
.page-statique #sidebar .widget{
	padding:0;
	margin-bottom:10px;
}
.page-statique #sidebar .image-overlay{
	display:none !important;
}
@media screen and (max-width:900px){	
	.page-statique #sidebar{
		float:none;
		width:100%;
		margin:0 0 10px 0;
		text-align:center;
	}
	.page-statique .main-droite{
		width:100%;
		float:none;
	}
}
/************************* Formulaires ****************************/
.form-contact{
	display:table;
}
.form-contact p{
	display:table-row;
}
.form-contact .col1,
.form-contact .col2{
	display:table-cell;
	vertical-align:top;
	padding-bottom:15px;
}
.form-contact .col1{
	padding-right:20px;
	line-height:25px;
}
#top .form-contact .wpcf7-form-control-wrap,
#top .form-contact .wpcf7-form-control{
	margin:0;
}
#top .form-contact input[type="text"],
#top .form-contact input[type="email"],
#top .form-contact select,
#top .form-contact textarea{
	background:transparent;
	box-shadow:none;
	border:1px solid #333;
	padding: 4px 6px;
	border-radius:0;
}
#top .form-contact select{
	-webkit-appearance: menulist-button;
}

@media screen and (max-width:700px){	
.form-contact{
		display:block;
	}
	.form-contact p{
		display:block;
		padding-bottom:15px;
	}
	.form-contact .col1,
	.form-contact .col2{
		display:block;
		vertical-align:top;
		padding-bottom:0;
	}
	.form-contact .col1{
		padding-right:0;
	}
}


/********************** Lien haut de page *************************/
#scroll-top-link{
	color:#fff;
	border:none;
	background-color:#000;
	border-radius: 4px;
	height: 40px;
	line-height: 40px;
	right: 30px;
	bottom: 20px;
}
#scroll-top-link:hover{
	background-color:#3e3e3e;
	color:#fff;
	border:none;
}
#scroll-top-link[data-av_iconfont="entypo-fontello"]::before{
	font-size: 35px;
	color:#fff;
}

/**************************** Footer ******************************/
#footer{
	clear:both;
}
#footer.footer_color{
	background-size: cover;
	padding:30px 0 15px 0;
}

/*** Widgets ***/
#footer .widget{
	margin: 10px 0 0 0;
}
.footer_color .widgettitle{
	font-weight:normal;
	text-align:center;
	border-bottom:1px solid #fff;
	padding-bottom:10px;
	margin-bottom:10px;
	font-size: 13px;
}
.footer_color .textwidget{
	text-align:justify;
}

/*** Zone enix ***/
#footer #enix-footer-zone{
	background:#3e3e3e;
	padding:10px;
	margin-top:30px;
}
#footer #enix-footer-zone .flex_column{
	text-align:center;
}
#footer #enix-footer-zone .image-overlay{
	display:none !important;
}

#footer #enix-footer-zone .flex_column.drapeaux{
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	margin-top: 20px;
	padding:10px 0;
}
#footer #enix-footer-zone .flex_column.drapeaux img{
	opacity:0.5;
}
#footer #enix-footer-zone .flex_column.drapeaux a img{
	opacity:1;
}


/*** Copy ***/
.footer_color footer,
.footer_color footer #socket{
	border:none;
	color:#fff;
	background:transparent;
	text-align:center;
}
#socket .copyright,
#socket .sub_menu_socket{
	float:none;
	width:100%;
	margin:0;
}
#socket .sub_menu_socket li{
	float:none;
	display:inline-block;
}
.footer_color ul.menu{
	margin:0;
}

/******* Mobile *******/
.responsive #socket .sub_menu_socket{
	display:block;
}
@media screen and (max-width:768px){
	#footer #enix-footer-zone .flex_column.drapeaux{
		border:none;
	}
}







#top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select{
	
}


/******************** Changements Algolia *********************/
.algolia-autocomplete{
	width:100%;
}
.aa-dropdown-menu {
  background-color: #fff;
  border: 1px solid rgba(228, 228, 228, 0.6);
  min-width: 300px;
  margin-top: 0;
  box-sizing: border-box;
}
.aa-suggestion {
  padding: 6px 12px;
  cursor: pointer;
  margin:0;
}
.aa-suggestion:hover {
  background-color:#fafafa;
}
.aa-suggestion + .aa-suggestion {
  border-top: 1px solid rgba(228, 228, 228, 0.6);
}
.aa-suggestions-category {
  border-bottom: 1px solid rgba(228, 228, 228, 0.6);
  border-top: 1px solid rgba(228, 228, 228, 0.6);
  padding: 6px 12px;
}

@media (min-width: 1280px)
.swipe-container {
    display: none;
}

.swipe-container {
    margin-top: 20px;
    text-align: center;
}