/*
Theme Name: La Villa Plessix
Description: 
Author: Milega
Template: Divi
*/

@import url("../Divi/style.css");

/************************/
/*   Page accueil       */
/************************/
.home #page-container{
	position: relative;
}
#section-footer-home{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #FFF;
}
#section-footer-home{
	color:#a4a4a4;
}
#section-footer-home A.tel{
	color:#FFF;
}

/****************************/
/*  Page La Villa Plessix   */
/****************************/
@media (max-width: 980px){
	.page-id-196 .et_pb_column.et_pb_column_empty {
		display: block;
		height: 200px;
	}
}


/************************/
/*  Module accordéon    */
/************************/
.et_pb_toggle_close .et_pb_toggle_title, 
.et_pb_toggle_close h5.et_pb_toggle_title,
.et_pb_toggle_open .et_pb_toggle_title, 
.et_pb_toggle_open h5.et_pb_toggle_title {
	color: #1c1c28;
	font-family: 'Parisienne',handwriting;
	font-size: 32px;
	font-weight: bold;
  }
  .et_pb_toggle_title::before {
	color: #1c1c28;
  }
  .et_pb_accordion .et_pb_toggle_close,
  .et_pb_accordion .et_pb_toggle_open {
	padding: 12px 20px;
  }
  .et_pb_toggle_open {
	padding: 15px;
	background-color: #f6bd92;
  }
  .et_pb_toggle_close {
	background-color: #f6bd92;
	padding: 15px;
  }
  .et_pb_toggle {
	border-width: 0px;
  }

/************************/
/*  Tarte au citron    */
/************************/
/* panneau de configuration */
#tarteaucitron {
}
/* Bandeau principal
*/#tarteaucitronAlertBig {
	background-color: #1c1c28 !important;
}
/* Petit bandeau en bas � droite */
#tarteaucitronAlertSmall {
  display: none !important;    
}
#tarteaucitronAlertBig #tarteaucitronPersonalize2{
	background-color: #f6bd92 !important;
	color: #1c1c28 !important;
}
#tarteaucitronRoot #tarteaucitronPercentage{
	background-color: #f6bd92 !important;
}

/**************************/
/*  FORMULAIRE DE CONTACT */
/**************************/
.gform_wrapper .gform_fields label.gfield_label{
	font-size: 15px !important;
	color: #FFF;
	text-transform: Uppercase;
	font-weight: normal;
}
.gform_wrapper .gfield_required{
	display: none;
}
@media only screen and (max-width: 641px) {
.gform_wrapper .ginput_container span:not(.ginput_price){
	display: none !important;
}
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"], 
.gform_wrapper .gform_page_footer input.button, 
.gform_wrapper .gform_page_footer input[type="submit"]{
	border: 2px solid #f6bd92 !important;
	background-color: transparent !important;	
	font-weight: normal;
	color: #FFF !important;
	padding: 12px 26px !important;
	cursor: pointer;
	text-transform: Uppercase;
	float: right;
}
label.gfield_consent_label{
	color: #FFF;
}

/***************************/
/*    PAGE ACTU        */
/**************************/
/* removing vertical line */
.container:before { background-color:transparent !important; }
.et_pb_widget_area_right { border-left:0 !important; }
.et_pb_widget_area_left { border-right:0 !important; }

/************************/
/*    FONTS + TITRES    */
/************************/
.et_pb_module H3, 
.et_pb_module H4, 
.et_pb_module H5, 
.et_pb_module H6{
	font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
 }
 .et_pb_module H1{
	font-size: 44px;
	padding-bottom: 0;
 }
body{
}

/************************/
/*       HEADER         */
/************************/
/************************/
/*        MENU          */
/************************/
header#main-header.et-fixed-header, #main-header{
	-webkit-box-shadow:none !important;
	-moz-box-shadow:none !important;
	box-shadow:none !important;
}


#top-menu li a:hover{
}
.et-fixed-header #top-menu a:hover{
}
.et-fixed-header #top-menu li ul li>a:hover{
}

#top-menu li {
	padding-right: 20px;
}
#top-menu li a{
	position: relative;
} 
#top-menu li a:before{
	position: absolute;
	top:0;
	left:-10px;
	content: '';
	display:inline-block;
	width: 1px;
	height: 14px;
	background-color: #FFF;
}
#top-menu li:first-child a:before{
	display:none;
}

#top-menu .menu-item-has-children > a:first-child::after{
	display: none;
}
#top-menu .menu-item-has-children > a:first-child {
	padding-right: 0;
}

#top-menu li.current_page_item>a:after,
#top-menu li.current-menu-ancestor>a:after,
#top-menu li.current-page-ancestor>a:after,
#top-menu li.current-menu-item>a:after{
	/* color: #c0050e !important; */
	transform: scaleX(1);
} 

#top-menu li a:after {
	content: '';
	position: absolute;
	width: 100%;
	transform: scaleX(0);
	height: 2px;
	bottom: 42px;
	left: 0;
	background-color: #FFF;
	transform-origin: bottom right;
	transition: transform 0.8s ease-out;
  }
#top-menu li a:hover{
	color: #FFF;
}
#top-menu li a:hover:after{
	transform: scaleX(1);
	transform-origin: bottom left;
  }

/****  Menu mobile  *****/
.mobile_menu_bar::before {
	font-size: 42px;
}
#mobile_menu li a{
	/* color: #FFF; */
	text-transform: Uppercase;
}
#main-header #mobile_menu{
	background-color: #1c1c28;
}
#mobile_menu{
	/*border-color: #11582f;*/
}


/***** sous-menu  *****/
#main-header .nav li ul{
 /* width: 250px;*/
}
#top-menu li li a {
   /* width: 210px; */
}

@media all and (max-width: 1400px) {
	#top-menu li {
		padding-right: 12px;
	}
	#top-menu li a:before{
		left:-8px;
	}
}
@media all and (max-width: 1330px) {
	#main-header #top-menu>li {
		font-size: 13px;
	}
}

/*Modifier le point de rupture du menu mobile*/
/*En fait ici on cache le menu standard et on affiche le menu mobile*/
@media only screen and ( max-width: 1280px ) {
	#top-menu-nav, #top-menu {display: none;}
	#et_top_search {display: none;}
	#et_mobile_nav_menu {display: block;}
	}

@media all and (max-width: 1280px) {

}
@media all and (max-width: 1100px) {
 
}
@media all and (max-width: 980px) {
 
} 
@media (max-width: 768px){
	.et_header_style_left #logo {
		max-width: 75%;
	}
}
@media all and (max-width: 480px) {
 
}


/************************/
/*       FOOTER         */
/************************/
#main-footer{
}
#footer-bottom{
	display: none;
}

/************************/
/*  ICONE HAUT DE PAGE  */
/************************/
.et_pb_scroll_top.et-pb-icon {
	background-color: #333;
}