/*



Theme Name:  SF Conseil et Associés



Author: Agence Echo



Description: Theme enfant 



Version: 1.0



Template: Divi



*/
/* général*/
.surtop{
	position:relative;
	
}
.logo_container2{
	width:30%;
	background-color: rgba(255,255,255,0.5);
	position: absolute;
	bottom: 0;
	padding: 10px;
	min-width: 300px;
	margin-left: 35%;
	
}

.logonav{
	width: 100px;
}
.logo_container2 h1{
	position:absolute;
	left: -9999em;
}
.et-cart-info{
    display:none;
}
#top-header #et-info-phone{
    margin-left: 20px;
}
#top-header .container{
  text-align: center;
}
#top-header #et-info{
    width: 100%;
}
/*.et_header_style_centered #main-header div#et-top-navigation.sticky{
	position: fixed!important;
	top:32px;
	left: 0;
height: 100px;
	background-color: #fff;
}*/
header .container {
    position: relative;
    width: 100%!important;
    max-width: 100%!important;
    margin: auto;
}
header .container h1{
	position: absolute;top: 0;
	left: -999em;
	
	
}
 #menustick.element-is-sticky{
	background-color:#fff;
	 top:0!important;
	 margin-top: 0!important;
	 padding-top: 30px;
	 
	
}
 #menustick.element-is-sticky  #top-menu  > li > a {

    padding-bottom: 1em;

}
 #menustick.element-is-sticky img.menu-image {

 width: 150%!important;
     margin-left: -30%;
     max-width: 150%;

}
 #menustick.element-is-sticky .menupaiement {
        top: 25px !important;
  
}
#top-menu li.menu-item-464, #top-menu li.menu-item-495{
	display:none;
}
 #menustick.element-is-sticky .menu-item-464,  #menustick.element-is-sticky .menu-item-495{
	 display: inline-block;
}
.et_header_style_centered #main-header .logo_container {
height: auto!important;
    position: absolute;
 
    background-color: rgba(255,255,255,0.7);
    left: 50%;
	margin-left: -18%;
    width:36%;
	text-align: center;
}
.et_header_style_centered #logo {
	display: block;
    max-height: 100%!important;
	margin: 2% auto;
	max-height: inherit!important;
width: 80%;
}
span.logo_helper {
    display: none;
}
header .prev, header .next{
	
}
.menupaiement{
	background-color: #97124b;
	color: #fff!important;
	position: absolute!important;
	top: 0!important;
	right: 0!important;
}
.menupaiement a{
	
	color: #fff!important;
	padding: 15px!important;

}
.et_mobile_menu { 
    border-top: 3px solid #97124b!important;
	
}
.page-id-94 h4.et_pb_module_header::before {content: " ";

background-color: #800c49;

margin-right: 10px;
width: 10px;

display: inline-block;

height: 10px;
	
	
}

.page-id-94 h3::before {content: " ";

background-color: #800c49;

margin-right: 10px;

width: 10px;

display: inline-block;

height: 10px;
}
.rslides_tabs {
    margin: 0;
    padding: 7px 0 !important;
    background: transparent!important;
    font-size: 18px;
    list-style: none;
    padding: 10px 0;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 30px;
    z-index: 200;
}
.rslides_tabs li{
	width: 30px;
	height:30px;
	margin-right: 10px!important;
	
}
.rslides_tabs li.rslides_here{
	background-color: #97124b!important;
	color: #97124b;
	width: 30px;
	height:30px;
}
.rslides_tabs .rslides_here a {
    background: transparent!important;
    color: #97124b!important;
}
.rslides_tabs li{
	background-color: #fff!important;
	
}
.rslides_tabs  a {
   background: transparent!important;
    color: #fff!important;
 }
#et-top-navigation li a{
	font-size: 25px;
	text-transform: uppercase;
	font-weight: normal;
	
}
#et-top-navigation{
	padding-top: 40px;
}
#et-top-navigation li{
margin-right: 20px;
}
header .et-social-icons {
    float: none;
    display: inline-block;
}
#et-top-navigation li.current_page_item a{
	color: #000!important;

}
#et-top-navigation li.current_page_item a::after {
    content: ' ';
    width: 60%;
    height: 3px;
    background-color: #97124b;
    display: block;
    margin-top: 20px;
    margin-left: 15%;
}
/* activite */
#judiciaire .actiju .et_pb_blurb_content{
	margin: 0;
	max-width: 100%!important;
	
}
#judiciaire .actiju .et_pb_blurb_content h4, #judiciaire .actiju .et_pb_blurb_content h3{
	text-align:center;
	padding-top: 25px !important;

padding-bottom: 20px !important;

margin-bottom: 20px !important;

	
}
.actju img{
	 -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
	max-width: 130%;
}
.actju:hover img{
	 -webkit-filter:inherit;
    filter: inherit;

}
.actju:hover{
	/*z-index:40;*/
}
.actju h2{
	text-transform: uppercase;
	font-size: 47px;
	color: #000;
}
.actju h2 strong{
	font-size: 65px;
	font-weight: bold;
}
.actju:hover h2{
	 color: #97124b;
}
/* actu */
#actualites h2 {
    font-size: 45px;
    text-transform: uppercase;
    color: #fff;
    background-color: #97124b;
    text-align: center;
    padding: 5% 15px 15px;
    width: 40%;
    margin: 0 auto 7%;	
}
#actualites article h2 {
	font-size:18px;
	background-color:transparent;
	color:#fff;
	text-align: left;
	width: 100%;
	
	margin: 0px;
	margin-bottom: 20px;
	padding: 0px;
	margin-top: 15px;
	
}
#actualites article {
	background-color: #b9b5b5;
	position: relative;
	padding-bottom: 60px;
}
#actualites article  p{
	color: #fff;
		font-size: 18px;
}
#actualites article  .more-link{
	width: 120px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	padding: 5px;
	background-color: #97124b;
	position: absolute;
	right: 0;
	bottom: 10px;
}
#actualites .et_pb_row.et_pb_row_fullwidth {
    width: 100%!important;
    max-width: 100%!important;
}
#actualites .toutesactus{
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: #fff;	
	font-size: 30px;
}
#actualites .toutesactus a{
	color: #97124b;
	display: block;
	padding: 15px;
}
/* honoraires */
#honoraires h2{
	font-size: 45px;
	color: #000;
	text-transform: uppercase;
	font-weight:normal;
}
#honoraires{
	font-size:18px;
}
.btnhonoraire{
	position:absolute;

	font-size: 20px;
	background-color: #97124b;;
	right: -35px;
	bottom:-65px;
}
.btnhonoraire a{
	display: block;
	padding: 10px;
	color: #fff;
}
/* equipes */
#equipe .et_pb_team_member_image {
      max-width:inherit;
	text-align: center;
     
}
#equipe h3 {
	font-size: 25px;
	text-transform: uppercase;
}
#equipe .et_pb_member_social_links{
	margin-top: 0px;
	padding-bottom: 15px;
}
#equipe h2{
	color: #97124b;
	text-transform: uppercase;
	font-size: 40px;
	font-weight: bold;
}
/*precedure */
#procedure .et_pb_column{
	background-color: #97124b;
	color: #fff;
	margin-right: 0;
	width: 33.33%!important;
	
}

#procedure .et_pb_column  .procedureenligne {
	
	font-size:40px;
	color: #fff;
	
}
#procedure a{
	color:#fff;
	text-transform: uppercase;
}
#procedure .et_pb_column  .procedureenligne h2{
	font-weight: bold;
	font-size:40px;
	color: #fff;
	
}

#contact .bloc{position:relative;
width: 35.167%;
overflow: hidden;}
#contact .bloc .map{
	position:absolute;
	width: 100%;
	top:0px;
	right: 0px;
	min-height: 250px;
	z-index: 0;
	opacity: 0.3;
}
.blocsup{
	position:relative;
	z-index: 100;
}
.wpcf7-form{
	padding-left:15%;
	width: 100%;
	padding-right: 15%;
}
.wpcf7-form input[type='text'], .wpcf7-form input[type='email'], .wpcf7-form textarea{
	width: 100%;

	margin-top: 10px;
	color: #000;
}
.wpcf7-form input[type='text'], .wpcf7-form input[type='email']{

	height: 30px;

}
.wpcf7-form input[type='submit']{
	background-color: #212121;
	color: #fff;
	width: 150px;
	padding: 10px;
	float: right;
	border: 0;
	margin-top: 15px;
	
}
/*pages interieures */
.equipe h2{

	text-transform: uppercase;
	font-size:40px;

}
.page-template-default.et_header_style_centered #logo {

    width: 50%;
}
.page-template-default.et_header_style_centered #main-header .logo_container {
   bottom:80px;
}
.single #main-content .container::before{
	width: 0;
}

.blocproduit .woocommerce .woocommerce-product-gallery,.blocproduit .woocommerce .product_meta, .blocproduit .woocommerce .quantity, .blocproduit .woocommerce .product_title  {
	display: none;
}
.product-template-default  .woocommerce-product-gallery,.product-template-default .product_meta, .product-template-default .quantity{
	display:none;
}
.blocproduit .woocommerce .related.products, .product-template-default .related.products{
	display: none;
}
.product-template-default div.product div.summary {
    float: none;
    width: 100%;
    clear: none;
}
.blocproduit .woocommerce input[type="text"]{
	width:100%;
	
}
.blocproduit .woocommerce div.product div.summary{
	float: none;
	width: 100%;
}
.woocommerce div.product form.cart .button {
	color: #fff;
border-radius: 0;
background-color: #212121;
float: right;
font-size: 15px;
}
.woocommerce-notices-wrapper{
	display: none;
}
.consultform form{
	padding-left: 1%;
	padding-right: 1%;
		border-radius:2px;
}

.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
    background: #212121;
	font-size: 15px;
}
#billing_company_field, #billing_country_field, #billing_address_1_field, #billing_address_2_field, #billing_postcode_field, #billing_postcode_field, .woocommerce .col-2{
	display:none;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    float:none!important;
    width: 100%!important;
}
#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: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: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: #515151;
}

/*responsive */
@media screen and (max-width:1920px){
	.actju img {
    max-width: 100%;
}
#activites .et_pb_text_0 {
    right: -87%;
}
#activites .et_pb_text_1 {  
    left: -100%;
}
}
@media screen and (max-width:1600px){
	#et-top-navigation li a {
    font-size: 20px;
    
}
	.actju h2 strong {
    font-size: 50px;
 
}
	#et-top-navigation li{
		margin-right:10px;
	}
	.actju h2 {

    font-size: 35px;
	}
	#actualites h2 {
    font-size: 35px;
	}
	#actualites article p {
    font-size: 16px;
}
	#actualites .toutesactus a{
		font-size: 20px;
	}
	#honoraires .et_pb_row_4 {
      max-width: 35% !important;
    width: 35%;
		font-size: 16px;
}
	#equipe .et_pb_text_7 {
    padding-bottom: 2% !important;
}
	#procedure .et_pb_row_7.et_pb_row {
    padding-top: 20%;
    padding-bottom: 10%;
}
	#procedure .et_pb_text_9 {
    padding-top: 40px !important;
    padding-bottom: 50px !important;
}
	
}
@media screen and (max-width:1400px){
	#et-top-navigation li {
    margin-right: 0px;
}
	#activites .et_pb_text_0 {
    right: -100%;
}
	#actualites h2 {
    font-size: 30px;
}
	#activites .et_pb_text_1 {
    left: -108%;
}
	#actualites article p {
    font-size: 14px;
}
	#procedure .et_pb_column .procedureenligne h2 a{
    font-size: 30px;

}
	.charteee{
		padding-bottom: 30px;
		
	}
	#top-menu li{
		padding-right:8px;

	}
	#procedure a {

    font-size: 22px;
}
	#honoraires .et_pb_row_2.et_pb_row {
    margin-top: 10% !important;
    margin-bottom: 10% !important;
    margin-left: 35% !important;
    padding-top: 35px;
    padding-right: 35px;
    padding-bottom: 65px;
    padding-left: 35px;
		max-width:60%!important;
		width: 60%!important;
}
	
	#post-100 .et_pb_row_1.et_pb_row_1 {

    max-width: 75% !important;
    width: 75%;

}
}
@media screen and (max-width:1200px){
	#top-menu li {
    padding-right: 10px;
	}
	#et-top-navigation li a {
    font-size: 18px;
}
	.actju h2 {
    font-size: 28px;
}
	#actualites h2 {
        width: 60%;
}
	.wpcf7-form {
		padding: 0;
}
	body.page-template-default	#et-top-navigation li {
    margin-right: 10px;
}
	#judiciaire .et_pb_column, #juridique .et_pb_column{
		width:100%!important;
		margin-bottom: 20px;
		float: none;
		display: block;
	}
	.et_pb_row.et_pb_equal_columns{
		display: block;
		padding-bottom: 0;
	}
	.nomob{
		display:none!important;
	}
		#honoraires .et_pb_row_2.et_pb_row {
    margin-top: 10% !important;
    margin-bottom: 10% !important;
    margin-left: 15% !important;
    padding-top: 35px;
    padding-right: 35px;
    padding-bottom: 65px;
    padding-left: 35px;
		max-width:80%!important;
			width: 80%!important;
}
	#procedure .et_pb_row_6 .et_pb_text_inner strong{
		font-size: 20px!important;
	}
	
	.page-id-102 .et_pb_gutters3 .et_pb_column_1_3, .page-id-102 .et_pb_gutters3.et_pb_row .et_pb_column_1_3 {

    width: 100%;
		margin-bottom: 20px;

}
}
@media screen and (max-width:980px){
	.et_header_style_centered #et_mobile_nav_menu {
    
    width: 60%;
    margin-left: 20%;
}
	.mobile_menu_bar::before {
   
    color: #97124b;
}
	#et-top-navigation {
    padding-top: 10px;
}
	.logo_container2{
	width:300px;
	background-color: rgba(255,255,255,0.5);
	position: absolute;
	bottom: 0;
	padding: 10px;
	margin-left: -150px;
	left: 50%;
	
}
	.actju h2 {

    font-size: 25px;

}
	.actju h2 strong {

    font-size: 45px;

}
	#post-98 .et_pb_row_1, .et_pb_pagebuilder_layout.single.et_full_width_page #page-container .et_pb_row_1 {
    max-width: 86% !important;
    width: 86%;
}
#activites	.et_pb_image_0 {

    right: 0%;
 
}
	#activites .et_pb_text_0 {
    right: 50%;
   
}
	#activites .et_pb_image_1{
		left: 0;
		margin-top: 5px;
	}
	#activites .et_pb_text_0 {
    right: 50%;
   
}
	#activites .et_pb_text_1 {

    left: 10px;

}
	#equipe .et_pb_column .et_pb_team_member_image {    
    width: 100%;
}
	#equipe .et_pb_column .et_pb_team_member_description {

    display: block;
		padding-top: 20px;

}
	#contact .bloc {   
    width: 50%;
}
	
	#procedure .et_pb_row_6 .et_pb_text_inner strong{
		font-size: 16px!important;
	}
}
@media screen and (max-width:750px){
	#activites .et_pb_text_0 {
    right: auto;
    left: 5px;
}
	#procedure .et_pb_column {

  
    width: 100% !important;

}
	#contact .bloc {

    width: 90%;
		margin-right: 5%!important;
		margin-left: 5%!important;

}
	
	#post-100 .et_pb_row_1.et_pb_row_1 {

    max-width: 85% !important;
    width: 85%;

}
	.et_header_style_centered #main-header {

    padding: 0px 0 20px;

}
	#honoraires h2 {

    font-size: 35px;
   

}
	
}
@media screen and (max-width:400px){
	#contact .bloc {
    margin-right: 0% !important;
    margin-left: 0% !important;
}
	#honoraires h2 {

    font-size: 25px;
   

}
}