:root {
  --main-bg-color: #EF7E8B;
  --button-color: #F4A4AE;
  --button-color-hover: #E9495C;
}

/*ACCEUIL*/

body {
  background-color: var(--main-bg-color);
}
 
a {
  color:inherit;
}

a:hover {
  color: var(--button-color-hover);
}

/*
input {
  background-color: var(--button-color);
  border-color: var(--button-color);
}*/

#mainNav.navbar-shrink {
  background-color: var(--main-bg-color);
}

#mainNav a{
  font-size: 1.20em;
}

#mainNav {
  background-color: var(--main-bg-color);
}

#merchManagmentAlerts {
  overflow: auto;
  max-height: 20vh;
}

#clientsTableBody input {
  width: 9em;
}

.priceIndication {
  border: none;
  background-color: inherit;
  color: inherit;
  width: 7em;
}

#articlesTableDiv, #clientsTableDiv {
  overflow: auto;
  height: 50vh;
}

#merchSearchOptionNav li, #transactionsNav li{
  display: inline;
  border-left-style: solid;
  border-left-color: white;
  padding:0em 1em 0em 1em;
}

.panel-resizable {
  resize: vertical;
}

.heading .img-fluid {
  max-width: 48%;
}
.navbar-brand {
  padding-bottom: 5rem;
}

.heading h1 {
  font-weight: 300;
  top: -0.35em;
  font-size : 3.2em; 
}

.heading h4{
  top:.5em;
  text-transform: uppercase;
  font-size : 1.6em;
  font-weight: 300;
}

.heading h4 b{
  font-style: italic;
  font-weight: 100;
}

#home{
  padding-top: 5em;
  background-repeat: no-repeat;
}


#mainSection {
  padding-top: 5em;
  color: #ffff;
}

.img-fluid {
  margin-top: 3.5em;
  max-width: 65%;
}

#clouds {
  margin-top: 1%;
  margin-bottom: -2%;
}

.cb_search_status {
  margin-left: 0.5em;
}

.right-box-pro::before {
  display: none;
}

.main-banner::after {
  background-color: var(--main-bg-color);
}

.default-form {
  width: 50%;
  margin: 0 auto;
}

.default-form button {
  background-color: var(--button-color);
}

.default-form button:hover{
  background-color: var(--button-color-hover);
}

.default-button {
  background-color: var(--button-color);
}

.default-button:hover {
  background-color: var(--button-color-hover);
}

.default-bg {
  color: white;
  background-color: var(--main-bg-color);
}

.fa {
  color: #ffff;
}

.navbar-toggler {
  border: 3px solid
}

/*NOUS*/
.message-box { 
  margin-right: 5em;
  padding-top: 9em;
}

.carousel{
  padding-top: 9em;
}
.right-box-pro {
  position: relative;
  -webkit-box-shadow: none;
  box-shadow: none);
}
.message-box h2 {
  font-size: 2.5em;
  color:#EF7E8B;
  padding-bottom: 2em;
  font-weight: 400;
}
.message-box p {
  font-size : 1.45em;
  color:#EF7E8B;
 }












/*CONDITION*/

.section-title {
    margin-bottom: 40px;
    padding-top:13em;
    padding-bottom:1em;

}

.section.lb {
    background-color: #fff;
}

.services-inner-box {
    color:#fff;
    height:auto;
    background-color: #EF7E8B;
    background-image: url(nuage.png)!important;
    padding:2em;
}


.ser-icon {display: none;}

.col-md-6
p { color: #fff!important!;}

#services .section-title p  {
font-size : 1.45em;
color:#EF7E8B;
text-align: left!important;

}
#services .section-title h2 {
color: #EF7E8B;
font-size : 2.5em;
padding-bottom: 1.5em;
font-weight: 500;
}

#services .section-title p span {
font-size : 1.65em;
font-weight: 100;
}

.col-md-4 .services-inner-box {
    min-height: 25em;
    padding-top: 4.5

}
.services-inner-box h2{
    color: #fff;
    font-size: 2.55em;
    font-style: italic;
    font-weight: 300;
    text-align: center;

}

.services-inner-box p{
    font-size: 1.42em;
    font-weight: 200;
    line-height: 1.3em;
}
.services-inner-box li{
    font-size: 1.42em;
    font-weight: 200;
    line-height: 1.3em;
}
ol { line-height: 0px; }


.col-md-10 .services-inner-box {
    background-color: #fff;
    color: #EF7E8B;
}
.col-md-10 .services-inner-box p {
    padding-top: .65em;

}

.col-md-10 .services-inner-box span{
font-style: italic;
font-size : 2.4em;
font-weight: 400;
}

#service p { padding-top: .2em; }








/*CONTACT*/
#contact {
	color: #fff;
background-image: none;
background-color:#EF7E8B;
}

.dmtop {
    background-color:#fff;
}

.fa {
  color:#EF7E8B;
}

#contact  a {
    font-size: 1.1em;
    margin-left: 0em;
    font-weight: 200;
}
#contact li  {
    font-size: 1.4em;
    margin-left: 1em;
    font-weight: 200;
}

#contact .fa {
   color: #fff;
   padding-top: .5em;
   font-size: 1.5em;
    display: inline-block;
}

.icon {
    display: flex;
}

#contact .message-box {
    padding-top: 1.2em;
    line-height: 1.65em;
    padding-bottom: 2.5em;
    padding-top: 3em;
}



#contact .col-md-6 .row{
    margin-left: 1em;
    display: inline-block;
}
.container {
  padding-bottom: 1em;
}

.copy {
    width: 1200px;
}
.copy p {
    font-size: .95em;
    color: #fff;
    margin-right: 2em;
    text-align: right;
}








.section {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 0px 0;
}

a:hover {
    color: 
    #b0b0b0;
    text-decoration: underline;
}

p {
    line-height: 1.35em;
}

br {
    display: block;
    margin-bottom: 6em;
    font-size:2px;
    line-height: 2px;
}











@media only screen and (max-width: 800px) {
 .heading .img-fluid {
    margin-top: 3.5em;
    max-width: 65%;
}
.col-md-4 .services-inner-box {
    padding-top: .4em!important;
}

#clouds {
    margin-top: -10%;
}
}

@media only screen and (max-width: 768px) {
 .heading .img-fluid {
    margin-top: 3.5em;
    max-width: 65%;
}
.col-md-4 .services-inner-box {
    padding-top: .4em!important;
}

#clouds {
    margin-top: -10%;
}
}

@media only screen and (max-width: 414px) {
 .heading .img-fluid {
    margin-top: 3.5em;
    max-width: 65%;
}
.col-md-4 .services-inner-box {
    padding-top: .4em!important;

}

#clouds {
    margin-top: -10%;
}
}