/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

#assurance_bloc, #tab_test, .displaynone,
.fusion-portfolio-wrapper article a.fusion-rollover-gallery{
	display:none;
}

#tab_nav_content{
	border:none;
}

#tab_nav_content .nav{
	border: none;
}

#tab_nav_content .nav-tabs{
	border:none;
	display: flex;
	justify-content: space-between;
	max-width: 1200px;
	margin: auto;
}

#tab_nav_content .fusion-tabs .tab-pane{
	border: none;
}

#tab_nav_content .nav-tabs li{
	width:300px;
	margin: 0 0px;
}

#tab_nav_content .nav-tabs .tab-link{
	padding: 33px 0;
	background-color: rgb(178, 115, 27);
	transition: all 0.3s;
	border-top:none;
}

#tab_nav_content .nav-tabs .tab-link:hover{
	background-color: rgba(178, 115, 27, 0.5);
}

#tab_nav_content .nav-tabs .tab-link h4{
	font-size:18px;
	font-family: 'MontSerrat', sans-serif;
	line-height: 17px;
	color:#fff;
}

#tab_nav_content .tab-content{
	margin-top:30px;
}

#tab_nav_content .modal_content{
	max-width: 1200px!important;
}

#tab_nav_content .picto_categorie_assurance{
	font-size: 10pt;
	line-height:unset;
	text-decoration:underline;
	color: #000;
}

#form_devis_bloc form input,#contact_form_bloc, #contact_form_bloc form input, #contact_form_bloc form textarea, #contact_form_bloc form select {
	font-family: "MontSerrat"
}

#text_form_devis{
	font-weight:300;
	font-family: "MontSerrat";
	resize: none;
}

#file_devis{
/*	visibility:hidden;*/
	position:absolute;
	opacity:0;
}

.rappel_devis_bloc, .rappel_devis_bloc p {
    font-weight: 300;
}

.file_text{
	display:block;
	margin-top: 30px!important;
	border-bottom: 1px solid #d2d2d2;
	cursor: pointer;
	padding-left:5px;
}

.obligatoire-span{
	font-size:12px;
}







html{
    -webkit-font-smoothing: antialiased;
}
/******************************************************************************************
HEADER
******************************************************************************************/
header .fusion-secondary-header{
	background-color: #004A93;
}
header .fusion-header-v1 .fusion-header > .fusion-row {
	max-width: 1600px;
}
header .fusion-header-v1 .fusion-header > .fusion-row ul li a span{
	text-transform: uppercase;
}
header .fusion-main-menu > ul > li > a {
  height: 110px;
  line-height: 110px;
}
header.fusion-is-sticky .fusion-main-menu > ul > li > a:hover{
	color: #b2731b;
}
/******************************************************************************************
SLIDER
******************************************************************************************/
#sliders-container{
    background-color: transparent;
}
#fusion-slider-2{
    z-index: 1;
}
.slide-content{
    display: flex;
    flex-direction: column-reverse;
}
#sliders-container .tfs-slider .slide-content-container{
    top: 75%;
    padding-left: 100px;
    padding-right: 100px;
}
.tfs-slider .slides .buttons{
    margin: 0 0 10px;
}
@media screen and (max-width: 1024px){
	#fusion-slider-2 h1.title-heading-left{
		font-size: 60px !important;
    line-height: 72px !important;
	}
}
@media screen and (max-width: 768px){
	#fusion-slider-2 h1.title-heading-left{
		font-size: 40px !important;
    line-height: 48px !important;
	}
	#fusion-slider-2 .heading{
		margin: 0 0 40px;
	}
}
@media screen and (max-width: 500px){
	#fusion-slider-2 h1.title-heading-left{
		font-size: 28px !important;
    line-height: 30px !important;
	}
}
/******************************************************************************************
QUI SOMMES-NOUS
******************************************************************************************/
.line-verti{
    width: 1px;
    height: 50px;
    background-color: #b3731b;
    margin: 0 auto;
}
.line-hori{
    width: 20px;
    height: 1px;
    background-color: #b3731b;
    margin: 0 auto 20px;
}
#post-2 h2 p{
    letter-spacing: 3px;
}
#post-2 h3 p {
    margin-bottom: 0;
}
#post-2 .fusion-separator{
    margin-left: -30px;
}

@media screen and (max-width: 768px){
	#quisommesnous .quisommesnous-text > .fusion-column-wrapper{
			padding: 20px 40px 60px !important;
	}
	#quisommesnous h3 p{
		font-size: 22px;
	}
	#quisommesnous .fusion-separator{
		margin-top: 30px !important;
	}
	#quisommesnous p{
		font-size: 14px;
	}
}
/******************************************************************************************
ASSURANCES
******************************************************************************************/
#assurances-desktop .fusion-tabs.classic .nav-tabs > li .tab-link{
	background-color: #f2f2f2;
}
#assurances-desktop .fusion-tabs.classic .nav-tabs > li .tab-link h4{
	color: #000;
}

#assurances-desktop .fusion-tabs.classic .nav-tabs > li.active .tab-link{
	background-color: #b2731b;
}
#assurances-desktop .fusion-tabs.classic .nav-tabs > li.active .tab-link h4{
	color: #fff;
}
.btn-assurances .fusion-button{
    width: 100% !important;
    height: 80px;
    padding: 33px 0;
}
.btn-assurances .fusion-button .fusion-button-text{
    font-size: 18px;
}
.ass-text{
		padding-bottom: 40px;
}
@media screen and (min-width: 1440px){
	.ass-text{
	    padding-right: 160px;
	}
}
@media screen and (max-width: 1440px){
	#post-2 .fusion-separator {
	    margin-left: -30px;
	}
}
@media screen and (min-width: 1025px){
	#assurances-resp{
		display: none;
	}
}
@media screen and (max-width: 1024px){
	#assurances-desktop{
		display: none;
	}
	#assurances-resp .tab-content .tab-pane .fusion-layout-column {
    width: 100%!important;
	}
	#assurances-resp .tab-content .tab-pane .fusion-layout-column .fusion-separator {
		margin-top: 20px !important;
		margin-bottom: 30px !important;
	}
	#assurances-resp .tab-content .tab-pane .fusion-builder-row{
		display: flex;
		flex-direction: column-reverse;
	}
	#assurances-resp .tab-content .tab-pane .ass-block-txt,
	#assurances-resp-2 #tab_nav_content .ass-block-txt{
		padding: 0 0 0 30px;
	}
}
@media screen and (max-width: 768px){
	#assurances-resp .tab-content .tab-pane{
		padding: 15px 10px;
	}
	#assurance-title{
		padding: 60px 0 40px !important;
	}
	#assurances-resp .tab-content .tab-pane .ass-block-txt{
		padding: 0 0 0 20px;
	}
	#assurances-resp .tab-content .tab-pane .fusion-layout-column .fusion-separator {
		margin-top: 0px !important;
	}
	#assurances-resp p{
		font-size: 14px;
	}
}

/******************************************************************************************
SINISTRE
******************************************************************************************/
#sinistre .fusion-builder-row {
    position: relative;
}
#sinistre .fusion-builder-row > .fusion-layout-column.sinistre-text{
    position: absolute;
    z-index: 10;
    width: 600px;
    margin-top: 100px;
    margin-left: 200px;
}
@media screen and (max-width: 1280px){
    #sinistre .fusion-builder-row > .fusion-layout-column.sinistre-text{
        margin-top: 50px !important;
        margin-left: 100px;
    }
    #sinistre .fusion-builder-row .fusion-layout-column.sinistre-img{
        width: 75% !important;
        margin-top: 200px !important;
        float: right;
    }
}
@media screen and (max-width: 980px){
    #sinistre .fusion-builder-row > .fusion-layout-column.sinistre-text h3{
        font-size: 60px !important;
    }
    #sinistre .fusion-builder-row > .fusion-layout-column.sinistre-text p{
        font-size: 36px !important;
        line-height: 58px !important;
    }
    #sinistre .fusion-builder-row .fusion-layout-column.sinistre-img{
        margin-top: 100px !important;
    }
}
@media screen and (max-width: 780px){
		#sinistre-title{
			padding: 40px 0 60px !important;
		}
		#sinistre{
			padding: 0 10px;
		}
		#sinistre .sinistre-img{
			margin-bottom: 100px !important;
		}
    #sinistre .fusion-builder-row > .fusion-layout-column.sinistre-text{
        margin-top: 0px !important;
        margin-left: 0px;
        width: 50% !important;
    }
    #sinistre .fusion-builder-row > .fusion-layout-column.sinistre-text h3{
        font-size: 40px !important;
    }
    #sinistre .fusion-builder-row > .fusion-layout-column.sinistre-text p{
        font-size: 24px !important;
        line-height: 39px !important;
    }
    #sinistre .fusion-builder-row .fusion-layout-column.sinistre-img{
        margin-top: 0px !important;
    }
}
@media screen and (max-width: 640px){
    #sinistre .fusion-builder-row > .fusion-layout-column.sinistre-text{
        margin-top: 0px !important;
        margin-left: 0px;
        width: 100% !important;
    }
    #sinistre .fusion-builder-row > .fusion-layout-column.sinistre-text p{
        font-size: 18px !important;
        line-height: 32px !important;
    }
    #sinistre .fusion-builder-row .fusion-layout-column.sinistre-img{
        margin-top: 100px !important;
        width: 100% !important;
    }
}
.post-content p{
    margin-bottom: 0;
}
.width-l{
    max-width: 1600px;
    margin: 0 auto !important;
}
.width-m{
    max-width: 1200px;
    margin: 0 auto !important;
}
.width-s{
    max-width: 960px;
    margin: 0 auto !important;
}
.width-xs{
    max-width: 750px;
}
.text-wh{
    color: #ffffff;
}
.margin-40{
    margin-top: 70px;
}

/******************************************************************************************
RAPPEL ET DEVIS
******************************************************************************************/
#rappel .fusion-builder-row > .rappel-title{
		margin-bottom: 200px !important;
}
.rappel-img{
    margin-top: -100px !important;
}
.rappel-form{
    margin-top: -80px !important;
}
@media screen and (max-width: 1024px){
		#rappel .fusion-builder-row .fusion-layout-column {
		    width: 100%!important;
		}
		#rappel #form_devis_bloc{
			margin-top: 30px !important;
		}
		#rappel #form_devis_bloc h3{
			color: #000 !important;
		}
		#rappel #form_devis_bloc .rappel_devis_bloc{
			margin-top: 20px;
		}
}
@media screen and (max-width: 800px){
	#rappel{
		padding-bottom: 0 !important;
	}
	#rappel .fusion-builder-row > .rappel-title{
			margin-bottom: 150px !important;
	}
}
@media screen and (max-width: 500px){
	#rappel .fusion-builder-row > .fusion-layout-column > .fusion-column-wrapper{
			padding: 0px 10px !important;
	}
}

/******************************************************************************************
CONTACT
******************************************************************************************/
#post-2 .post-content #contact{
    margin-top: -295px;
}

.post-content #contact .contact-title{
    padding-top: 200px;
		margin: 0px !important;
}

.post-content #contact2 #contact_adress{
	margin-top: -50% !important;
}
@media screen and (max-width: 1024px){
	.post-content #contact2 #contact_adress > .fusion-column-wrapper{
		padding: 20% !important;
	}
}
@media screen and (max-width: 980px){
	.post-content #contact2 #contact_adress > .fusion-column-wrapper{
		padding: 15% !important;
	}
}
@media screen and (max-width: 800px){
	.post-content #contact{
	    margin-top: 0;
	}
	.post-content #contact .contact-title{
	    padding-top: 50px;
	}
	.post-content #contact2{
		padding-top: 0 !important;
	}
	.post-content #contact2 .width-m > .fusion-column-wrapper{
		padding: 0 !important;
	}
	.post-content #contact2 #contact_form_bloc{
		padding: 100px;
	}
	.post-content #contact2 #contact_adress{
		margin-top: 0 !important;
	}
	.post-content #contact2 .width-m > .fusion-column-wrapper > .fusion-builder-row{
		display: flex;
		flex-direction: column-reverse;
	}
}
@media screen and (max-width: 500px){
	.post-content #contact2 #contact_form_bloc{
		padding: 20px;
	}
}

/******************************************************************************************
FOOTER
******************************************************************************************/
/* MODIFS THEO */

/* FIN MODIF THEO */
.fusion-footer{
	margin: 0 auto;
}
.fusion-footer > .fusion-footer-widget-area{
	padding: 80px 0px;
}
.fusion-footer > .fusion-footer-widget-area p{
	font-size: 12px;
}
.fusion-footer > .fusion-footer-widget-area p a.footer-link{
	color: #000000;
}
.fusion-footer > .fusion-footer-widget-area p a.footer-link:hover{
	color: #b2731b;
}
@media screen and (max-width: 1200px){
	.fusion-footer > .fusion-footer-widget-area{
		padding: 80px 40px;
	}
}
@media screen and (min-width: 500px) and (max-width: 800px){
	.fusion-footer > .fusion-footer-widget-area .fusion-column{
		width: 50% !important;
		float: left;
	}
}
@media screen and (max-width: 500px){
	#text-3.fusion-widget-mobile-align-right {
    text-align: left !important;
	}
	.fusion-columns .fusion-column{
		margin: 0 0 10px !important;
	}
}

/******************************************************************************************
PAGE - PARTICULIERS
******************************************************************************************/
.page-template-default #wrapper main#main{
	padding-top: 0px !important;
}


/* AJOUT THEO CENTRAGE FORMULAIRES  */
.iframe-container {
	overflow: hidden!important;
	padding-top: 56.25%!important;
	position: relative!important;
}
   
.iframe-container iframe {
	 border: 0!important;
	 height: 100%!important;
	 left: 0!important;
	 position: absolute!important;
	 top: 0!important;
	 width: 100%!important;
}