
<div class="page-header">
	<h3>Custom CSS</h3>
	<button class="closeWebCMSToolsForm btn btn-sm btn-danger"><span class="fa fa-close"></span></button>
</div>

<div id="customCssWrapper" class="codeEditorWrapper">/* custom css */

/* MAIN --------------------------------------------------------------------------------------------------------------------- */

body {
    padding-top : 0px;
}

h1, h2, h3, h4, h5, h6, p, div {
    font-family: Arial;
    font-weight : normal;
}

h1 {
    font-size : 3rem;
}

a {
    color : #d54c32;
}

.page-content {
    background-color : white;
    box-shadow : none;
}

.page-content::before {
    display : none;
}

#mainNav {
    background-color : #fffff !important;
}

.divider {
    display : none;
}

.card {
    background-color : #cc4830;
    border : none;
}

.card-body {
    color : #ffffff;
}

#shortdescription .card {
    overflow : hidden;
}

.btn-primary:hover {
    background-color : #cc4830;
    border : 1px solid #cc4830;
}

/* HOME PAGE --------------------------------------------------------------------------------------------------------------------- */

.homePage h1 {
    color: #000;
    text-shadow: none;
    text-transform: uppercase;
}

.msgFootHomePage {
    color: #000;
    text-shadow: 0 0 10px white;
}

.lead2 {
    text-align: center;
    /*
    position: absolute;
    bottom: 80px;
    */
    position: fixed;
    bottom: -10px;
    z-index: 2;
    display: block;
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    left: 0px;
    padding: 15px 0 15px 0;
    color: #ffffff !important;
}

.immobilierSearchDepositWrapper_form {
    margin : 10% auto 15% 10px;
}

.immobilierSearchDepositWrapper_form {
    background-color : #fff;
    border-radius : 2px;
}

.homePage .lead {
    color : #d54c32;
    text-shadow : none;
}

section.count {
    background-color : #ffffff;
}

section.partenaires {
    background-color : #636363;
}

/* A PROPOS --------------------------------------------------------------------------------------------------------------------- */

.coteText {
	font-size : 3rem;
}

/* PROFESSIONNELS --------------------------------------------------------------------------------------------------------------------- */

.explain::before {
    display : none;
}

.explain p a {
    color : #d54c32;
    font-size: 2.5rem;
}

.atouts {
    background-color : #d54c32;
}

.atouts::before {
  display: none;
}

.atouts .card {
    overflow : hidden;
}

.atouts .card-img-top {
    width : 60%;
}

.atouts p a {
    color : #ffffff;
    font-size: 2.5rem;
}

#offres {
    background-color : #ffffff !important;
}

#offres .prices-box .price-table .top-content {
    background-color : #a73b27;
}

#offres .prices-box .price-table .bottom-content {
    background-color : #d54c32;
    color : #ffffff;
}

.big-price {
    color : #ffffff;
}
.btn-price {
    background-color : #d56955;
}

/* FOOTER --------------------------------------------------------------------------------------------------------------------- */

footer.footer {
    background-color : #636363;
}

/* BOOTSTRAP --------------------------------------------------------------------------------------------------------------------- */

.btn-primary {
    background-color : #d54c32;
    border-color : #d54c32;
}

/* PAGE TITLE --------------------------------------------------------------------------------------------------------------------- */

.page-title {
    min-height: 400px;
}
.page-title-content {
    padding: 4rem 0 0 3rem;
}
.content-red {
    background-color: #d54c32;
    color: #fff;
}

#mlnumbers .col-sm-4 div, #pronumbers .col-lg-4 div {
	background-image: url(https://cdn-pictures.soho-sports.com/MELOGERLU/parentheseGauche01.png), url(https://cdn-pictures.soho-sports.com/MELOGERLU/parentheseDroite01.png);
	background-position: left center, right center;
	background-repeat: no-repeat, no-repeat;
	height: 180px
}

/* RESPONSIVE --------------------------------------------------------------------------------------------------------------------- */

@media screen and (max-height: 600px) {
	.parallax-window {
		min-height:700px;
	}

    .lead2 {
        display : block;
        position: fixed;
        bottom: -10px;
        z-index: 2;
    }

}

@media screen and (max-width: 900px) {

    .js-scroll-trigger { display: none; }
    
	.homePage.parallax-window {
		min-height: 600px;
	}

    h1 {
        font-size: 2rem !important;
    }

    .lead {
        font-size: 1.4rem !important;
    }

    .lead2 {
        display : block;
        position: fixed;
        bottom: -10px;
        z-index: 2;
    }

    .quote {
        width : 30px;
    }

    .immobilierSearchDepositWrapper {
        margin-top : 40px;
    }

    .homeh1 {
    	margin-top: -70px;
    }

	#mlnumbers .col-sm-4 div, #pronumbers .col-lg-4 div {
		background-image: none;
	}

}

@media screen and (max-width: 500px) {

    .lead {
        font-size: 1rem !important;
    }

    .masthead {
    	background-position: -400px -50px !important;
    }

}</div>

<div class="m-3">
	<button class="saveCustomCssWebSite btn btn-sm btn-success"><span class="fa fa-save"></span> Enregistrer</button>
	<button class="previemCustomCssWebSite btn btn-sm btn-warning"><span class="fa fa-eye"></span> </button>
	<button class="closeWebCMSToolsForm btn btn-sm btn-danger"><span class="fa fa-close"></span> Fermer</button>
</div>