/*
 Theme Name: ideo 
 Template: Divi 
*/

::selection {
    background-color: #8FBF21;
    color: white;
}

/***********************
Menu
***********************/

#main-header {
	background-color: transparent;    
    box-shadow: none;    
}

#main-header.et-fixed-header {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
	background-color: #fff;
}

.icon-menu a::before {
	font-family: 'ETModules';
	content : "\e0c1";
	color: #3b5998;
}

/***********************
Sub menu
***********************/
.sub-menu .nav li ul {
	top: 40px;
}

/***********************
Menu mobile
***********************/

.et_mobile_menu {
	margin-left: -5%;
	margin-right: -5%;
	top: 0px;
	width: 90%;
	/*background: #21221c;*/	
}

.et_mobile_menu li a {
	text-transform: uppercase;
	font-weight: normal;
	padding: 20px 5%;
	/*color: #fff !important;*/
}

/***********************
Body
***********************/

#page-container {
	padding-top: 0px !important;
}
/***********************
Scroll top
***********************/
.et_pb_scroll_top.et-pb-icon {
	bottom: 135px;
}

/***********************
Titre
***********************/

h1, h2, .gp-big-h2 p, h3, h4 {
	line-height: 1.2em;
}

/***********************
Sur titre
***********************/

	.gp_sur_titre p::before {
		background-color: #7a871b;
		content: "";
		display: inline-block;
		height: 1px;
		vertical-align: middle;
		position: relative;
		bottom: .1em;
		width: 5%;
		margin-right: 5%;
		
	}

	.gp_sur_titre p {
		font-weight: 500;
		color: #7a871b !important;
	}
	
	.gp_sur_titre h1::before {
		background-color: #7a871b;
		content: "";
		display: inline-block;
		height: 1px;
		vertical-align: middle;
		position: relative;
		bottom: .1em;
		width: 5%;
		margin-right: 5%;
	}

	.gp_sur_titre h1 {
		font-weight: 500;
		color: #7a871b !important;
	}
	
	.gp_sur_titre h2::before {
		background-color: #7a871b;
		content: "";
		display: inline-block;
		height: 1px;
		vertical-align: middle;
		position: relative;
		bottom: .1em;
		width: 5%;
		margin-right: 5%;
	}

	.gp_sur_titre h2 {
		font-weight: 500;
		color: #7a871b !important;
	}
	
	.gp_sur_titre h3::before {
		background-color: #7a871b;
		content: "";
		display: inline-block;
		height: 1px;
		vertical-align: middle;
		position: relative;
		bottom: .1em;
		width: 5%;
		margin-right: 5%;
	}

	.gp_sur_titre h3 {
		font-weight: 500;
		color: #7a871b !important;
	}
	
	.gp-before-breadcrumb div::before {
		background-color: #7a871b;
		content: "";
		display: inline-block;
		height: 1px;
		vertical-align: middle;
		position: relative;
		bottom: .1em;
		width: 5%;
		margin-right: 5%;
	}

	.gp-before-breadcrumb div {
		font-weight: 500;
		color: #7a871b !important;
	}
	
/***********************
Tableau
***********************/
.tableau-simple {
	border: 1px solid #7a871b !important;
    border-radius: 6px;     
    overflow: hidden;
	margin: 0px;
	border-collapse: separate !important;
    border-spacing: 0;  	
}

.tableau-simple thead {
    background: #7a871b;
}

.tableau-simple thead tr td {
	border-top: 0px;
}

.tableau-simple tbody tr:nth-child(even) {
      background: #f6f6f6;
}

/***********************
Tableau v2
***********************/
.tableau-simple-v2 {
	border: 1px solid #424600 !important;
    border-radius: 6px;     
    overflow: hidden;
	margin: 0px;
	border-collapse: separate !important;
    border-spacing: 0;  	
}

.tableau-simple-v2 thead {
    background: #424600;
}

.tableau-simple-v2 thead tr td {
	border-top: 0px;
}

.tableau-simple-v2 tbody tr:nth-child(even) {
      background: #f5efea;
}
	
/***********************
Reviews
***********************/	
.et_pb_bg_layout_dark .et_pb_slide_description {
  text-shadow: none;
}
/***********************
Tableau Soldes
***********************/

.prix-promo {
	border :0px;
}

.prix-promo tr td {
	border: 1px solid #fff0;
}

.prix-promo td {
	padding: .55em .587em !important;
}

.nouveau-prix {
	font-size : 1.1vw;
	font-weight: 600;
}

.ancien-prix {
	font-size : 1vw;
	font-weight: 500;
}

.reduction {
	font-size : 1vw;
	font-weight: 600;
	background: #fff;
	border: 2px solid #a9b002 !important;
}




/***********************
Diapo
***********************/	

/*prev-next*/
.et-pb-arrow-next, .et-pb-arrow-prev {
    position: absolute;
	bottom: 0px;
	z-index: 100;
	font-size: 48px;
	/*color: #000000;*/
	margin-top: -24px;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	opacity: 1 !important;
	background: #ffffff;
	top: unset;
}

.et-pb-arrow-prev {
    left: 0px;
	width: 48px;
}

.et-pb-arrow-next {
    /*right: 0px;*/
	left: 48px;
	width: 48px;
}

.et-pb-arrow-prev::before {
    color: #000000;
}
.et_pb_slider:hover .et-pb-arrow-prev {
    left: 0px;    
}
.et-pb-arrow-next::before {
    color: #000000;
}
.et-pb-controllers {
    position: absolute;
    bottom: -40px;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 10;
}

/*lightbox*/
.mfp-bg {
	background: #fff;
}
.mfp-bottom-bar {
    display: none;
}
.mfp-arrow-left::after {
	color: #fff;
	background: #000;
}
.mfp-arrow-right::after {
	color: #fff;
	background: #000;
}	
.mfp-close::after {
	color: #000;
}

/***********************
Blog
***********************/
.published {
    position: absolute;
    top: -15px;
    background: #21221c;
    color: #fff;
    padding: 10px;
}

/***********************************************
Responsive
***********************************************/ 

/*** Responsive Styles Tablet And Below ***/
@media only screen and ( max-width: 980px ) {
	/*tarteaucitron.js*/
	span#tarteaucitronDisclaimerAlert{
		text-align: center;
	}
	#tarteaucitronClosePanel {
		padding: 20px 20px !important;
	}
	#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
		margin-top: 21px !important;
	}
	/*.et_fixed_nav #main-header {
		position: fixed;
	}*/
	#main-header.et-fixed-header {
        background-color: #fff0;
	}
	.container.et_menu_container {
		width: 90%;
	}
	
	.icon-menu a::after {	
		content : " Facebook";	
	}
	
	/*hamburger menu close*/
	.mobile_nav.opened .mobile_menu_bar:before {
		content: "\4d";
	}
	#logo {
		max-height: 100%;
	}
	
	/*ideo hero*/
	.ideo-full-responsive {
		overflow: hidden;
	}
	
	.ideo-full-responsive img {
		position: relative;
		right: 40%;
		height: 60vh;
		max-width: none;		
	}
	/*before-breadcrumb*/
	.gp_sur_titre h1::before {   
		width: 5%;
		margin-right: -5%;    
		right: 10%;
	}
	
	.gp_sur_titre h2::before {   
		width: 5%;
		margin-right: -5%;    
		right: 10%;
	}
	
	.gp_sur_titre h3::before {   
		width: 5%;
		margin-right: -5%;    
		right: 10%;
	}
	
	.gp_sur_titre p::before {   
		width: 5%;
		margin-right: -5%;    
		right: 10%;
	}
	
	.gp-before-breadcrumb div::before {
		width: 5%;
		margin-right: -5%;    
		right: 10%;
	}
		
	/*Switch colonnes*/
	.gp_inverser_colonnes-section .gp_inverser_colonnes-ligne {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
	/*Diapo*/	
	.et_pb_gallery_fullwidth .et_pb_gallery_image img, .et_pb_gallery_fullwidth .et_pb_gallery_item {
		/*width: unset;*/
		/*height: 400px;*/
	}
	
	/*Titre blog*/
	.et_pb_post .entry-title a {
		font-size: 4.6vw;
	}
	
	/*Tableau soldes*/
	.nouveau-prix {
		font-size : 3.2vw;
		font-weight: 600;
	}

	.ancien-prix {
		font-size : 2vw;
		font-weight: 500;
	}

	.reduction {
		font-size : 2.4vw;
		font-weight: 600;
		background: #fff;
		border: 2px solid #a9b002 !important;
	}
}

/*** Responsive Styles Smartphone Portrait ***/

@media all and (max-width: 479px) {
	
	/*Titre blog*/
	.et_pb_post .entry-title a {
		font-size: 4.6vw;
	}
	/*Titre blog*/
	.et_pb_post .entry-title a {
		font-size: 4.6vw;
	}
	
	/*Tableau soldes*/
	.nouveau-prix {
		font-size : 5.6vw;
		font-weight: 600;
	}

	.ancien-prix {
		font-size : 5vw;
		font-weight: 500;
	}

	.reduction {
		font-size : 4.5vw;
		font-weight: 600;
		background: #fff;
		border: 2px solid #a9b002 !important;
	}
}