@import "color.css";
body {

    font-family: 'News Gothic MT', sans-serif!important;
    color:var(--dark)!important;
}

.main-color{
    color:var(--main); 
}
.dark-color{
    color:var(--dark);/*  dark accent *//*  dark accent */
}
.light-color{
    color:var(--light);/*  light */}
.light-accent{
    color:var(--light-accent); /*  light acctent */}

.white{
    color:var(--custom-white);/*  whight */
}
/** Param GENERAL **/
.mb-5, .my-5 {
    margin-bottom: 1em!important;
    }
    
.mb-6, .my-6 {
    margin-bottom: 3em!important;
}

/** Param FONTS **/
h1, h2, h3, h4, h5, h6, strong {
    font-weight: 700;
}

.h1, h1 {
    font-size: 3rem;
}
.h2, h2 {
    font-size: 2.5rem;
}
.h3, h3 {
    font-size: 2.1rem;
}
.h5, h5 {
    font-size: 1.8rem;
}
.h6, h6 {
    font-size: 1.3rem;
}

p{
    font-size: 1.1rem;
    line-height: 1.5rem;
    font-weight: 400;
}
p.lead{
    margin-top: 1rem;
    text-align: justify;
}
a{
    font-size: 1.1rem;
    font-weight: 400;
}
.italic{
    font-style: italic;
    color:#707070;
    font-size: 1.1rem;
}


/** FIN Param FONTS **/

/** Param Background **/
.bg-light{
    background-color: var(--light)!important;
}
.bg-dark {
    background-color: var(--dark)!important;
}
.bg-dark h1, .bg-dark h2, .bg-dark h3, .bg-dark h4, .bg-dark h5, .bg-dark h6, .bg-dark p, .bg-dark a{
    color: var(--light);
}
#sidebar-wrapper {
	background: #191a1b;
    
}

/** FIN Param Background **/


/** Param Boutton **/
div[class^="btn-"] {
    line-height: 1;
  }
.btn-primary {

    font-size: 1.4rem;
    background-color: var(--custom-white)!important;
    border-color: var(--custom-white)!important;

    color: #a4b3d4!important;

    box-shadow: 0 6px 2px 0 rgba(0, 0, 0, 0.1), 0 3px 6px -2px rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    --o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: #e2e2e2 !important;
    border-color: #e2e2e2!important;
    /* border-color: #302f2f !important; */
    
    
}
.btn-primary:disabled{
    border: 1px solid #999999!important;
    background-color: #000000!important;
    color: #666666!important;
}
.btn-primary:disabled .ico-btn{
    fill: #666666;
}
.btn-tertiary{
    
    background-color: var(--main);
    color: var(--light)!important;
    padding: 0.8em;
    margin-top: 0.3em;

    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 3px 1px -2px rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: background-color 0.4s ease;
    -moz-transition: background-color 0.4s ease;
    --o-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease;

}
.btn-tertiary:hover, .btn-tertiary:active, .btn-tertiary:focus{
    background-color: var(--light-accent);
    color: var(--light)!important;
}

.btn-center{
    display: flex;
    justify-content: center;
}

.btn-rgpd{

    background-color: var(--light-accent);
    color: var(--light)!important;
    padding: 0.3em;
    margin-top: 1em;

    font-size: 0.8em;
    margin-left: auto;
    margin-right: auto;

    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 3px 1px -2px rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: background-color 0.4s ease;
    -moz-transition: background-color 0.4s ease;
    --o-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease;
}
/** Param Boutton **/



/** PARAM ICON **/

.ico-section, .ico-section g {
    fill: var(--main)!important;
    color: var(--main)!important;


    font-size:2.0em;

    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;

    vertical-align: middle;

    overflow: inherit;

}
svg.ico-section {
    
    height: 2.4rem;
    width: 2.4rem;
}
.ico-menu, .ico-menu g {
    fill: var(--light)!important;
    color: var(--light)!important;


    font-size:1.1rem;

    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;

    vertical-align: middle;

    overflow: inherit;

}
svg.ico-menu {
    margin-top: -0.4rem;
    height: 1.1rem;
    width: 1.1rem;
}
.ico-service, .ico-service g{
    fill: var(--light-accent)!important;
    
    height: 3.5rem;
    width: 3.5rem;

    font-style: normal;
    font-variant: normal;
    text-rendering: auto;

    margin-bottom: 0.5rem;

    overflow: inherit;
}

.ico-section.dark{
    fill: var(--main)!important;
    color: var(--main)!important;
}


.ico-btn, .ico-btn g{
    fill: var(--main);
    
    height: 2.4rem;
    width: 2.4rem;

    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;

    vertical-align: middle;
}
.service-icon {
    
	line-height: 6.8rem;
	border-radius: .50rem;
}


/** FIN PARAM ICON **/

/** **/

/** PARAM NAV **/

.menu-toggle {
	background:var(--light);
    color:var(--light-accent);
    
}
.navbar-toggler{
    border-color: var(--main);
    background-color: var(--light)!important;
}
.navbar-toggler-icon{

}
.navbar{
    background-color: var(--dark)!important;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 3px 1px -2px rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
}

.nav-item a{
    color: var(--light)!important;
    display: inline-block;

    margin-left:0.5em;
    margin-right:0.5em;

    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    --o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}
.nav-item a:hover, .nav-item a:focus, .nav-item a:active{

    background-color: #3b3c3d;
}

.nav-link{
    padding-right: .5rem;
    padding-left: .5rem;
}
.navbar .urgence{
    color:var(--main)!important;
}
/** FIN PARAM NAV **/


/** PARAM MASTHEAD **/
.masthead{
    padding-top: 5rem;
    background-color: var(--light);
}
.masthead .container{
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content:center;
}
.masthead-accroche{
    padding-top: 4em;
    
}
.masthead-accroche h4{
    font-weight: 400;
}

#logo-acceuil{
    margin-top: 4em;
    width: 25rem;
}
.img-accueil {
	padding-left: 2em;
    padding-right: 2em;

}
.masthead-accroche a{
    color: var(--dark);
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    --o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}
.masthead-accroche a:hover, .masthead-accroche a:active,.masthead-accroche a:focus {
    color: var(--main);
}
/** FIN PARAM MASTHEAD **/


/** PARAM SECTION **/

.sec-etude{
    margin-top: 2.5rem;
}

.service{
    margin-top: 1rem;
}
.service .ico-service, .service .service-titre{
    align-self: center;

}
.service-titre{
    color: var(--main);;
}
.service-text{
    text-align: justify;
}
.content-section {
    padding-top:0;
    padding-bottom: 3rem;
}

.callout {
    padding-top: 0;
    padding-bottom: 3rem;

}


.text-faded {
    color: var(--main);

}
.titre-section {
    display:flex;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;

    margin-bottom: 1.5rem;
}

.titre-section h2{
    display: inline-block;
    margin-bottom: 0;
    margin-left: 1rem;
}

#portrait{
    color: #261911;
    height: 300px!important;
    margin-top: 15px;
}

.card-img-top{
    width: 4rem;
    margin-left: auto;
    margin-right: auto;
}

.comp-card {
    display: flex;
    flex-direction: column;
}
.comp-card .lead {
    padding-top: 10px;
}
.comp-card h6, .comp-card strong{
    margin-top: 20px;
    font-size: 1.2rem;
    font-weight: 400!important;
}

.service h4{
    font-weight: 400;
}

.img_haut {
    margin-bottom: 1.4rem!important;
    width:600px;
}
#carte {
    height: 20em;
    border-color: var(--main);
    border-width: 3px;
    border-radius: 0.3em;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 20px 1px rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
}

.ico-cb{
    width: 40px;
}
.row-ico-cb{
    justify-content: center;
    margin-bottom: 10px;
}
/** FIN PARAM SECTION **/


#linkedin{

    background-color: var(--main);
    border-radius: 8px;

    padding: 4px 2px;
    margin-top: 1rem;
    display: inline-block;
    width: 3em;
    height: 3em;

    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 3px 1px -2px rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    --o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;


}
#linkedin:hover, #linkedin:focus, #linkedin:active{background-color: var(--light-accent);}

.linkedin-ico{
display: inline-block;
vertical-align: middle;

fill: var(--light);
width: 2.5em;
height: 2.5em;
padding-top: inherit;
}





.etu-para li{
    margin-top: 1.1rem;
    font-size: 1.1rem;
    text-align: justify;
}
.etu-para h5{
    font-weight: 500!important;
}

.vlles ul {
    list-style-type: none;}
@media (min-width: 768px) {  

    .navbar-nav {
        float:none;
        margin:0 auto;
        display: block;
        text-align: center;
    }


    
    .navbar-nav > li {
        display: inline-block;
        float:none;
    }
    .navbar-brand{
        margin-left: 5em;
    }
    .callout {
    
        background-size: contain;
    }

    .masthead h1 {
        font-size: 4.0rem;
    }

    .v-offset{
        height:5em;
    }



}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
 


}
 
/*HUISSIER Online*/
.huissier-online__container {
    position : fixed;
    bottom   : 0;
    left     : 0;
    width    : 100%;
    z-index  : 999;
}

.huissier-online__container .huissier-online__bg,
.huissier-online__container .huissier-online__bg picture,
.huissier-online__container .huissier-online__bg img {
    width : 100%;
}

.huissier-online__container .huissier-online__cta {
    position  : absolute;
    right     : 10px;
    top       : 50%;
    transform : translate3d(0, -50%, 0);
}

@media (min-width : 600px) {
    .huissier-online__container {
        left   : unset;
        right  : 10px;
        bottom : 10px;
        width  : auto;
    }

    .huissier-online__container .huissier-online__cta {
        right     : 50px;
        bottom    : 40px;
        top       : initial;
        transform : initial;
    }
}