body {
    background-color: #f2f4f8;
    font-family: Verdana,sans-serif;
}


.back-fond-clair{

  background-image: url(../img/slider7.jpg);
  background-color: #cccccc;
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */

}

.back{
    background: linear-gradient(45deg, #0288d1, #26c6da) !important;
}

.back-green{
    background: linear-gradient(45deg, #388e3c, #9ccc65) !important;
}

.btn-google{
background-color:#e34133;
color:#ffffff;
height: 50px;
width: 50px;
border:solid 1px #e34133;
border-radius:50px;
text-transform:none;}

.social_icone{

    margin-top: 10px;
    margin-left: -3px;
}

.btn-facebook{
/*width:58rem;*/
background-color:#3c5a99;
color:#ffffff;
height: 50px;
width: 50px;
border:solid 1px #3c5a99;
border-radius:50px;
text-align: center;
text-transform:none;}


.sidenav-overlay {
    background-color: rgba(0,0,0,0.5);

}

.logo_style{
    width: 73px;
    height: 73px;
}

.f_badge {
    font-weight: 300;
    font-size: 0.8rem;
    color: #fff;
    background-color: orange;
    border-radius: 2px;
    min-width: 3rem;
    padding: 0 6px;
    margin-left: 14px;
    text-align: center;
    font-size: 1rem;
    line-height: 22px;
    height: 22px;
    float: left;
}

.infos{
    color: green;
    border-radius: 10%;

}

.infos:hover{
    background-color: green;
    color: white!important;
}

nav ul a {
   
    color: white!important;
    font-size: 17px;
}

nav ul a:hover {
   
    background: linear-gradient(45deg, #388e3c, #9ccc65) !important;
    color: white!important;
}

nav ul li.active {
    background-color: #ffe0b2!important;
}

.nav_style{
    height: 73px;
    line-height: 73px;
    background: #7cb342!important;
}

.bordureProduit{

	border: solid 1px grey;
}

.icone_connexion{
    font-size: 10rem!important;
}

.tit {
    color: #51555a;
    font-family: Montserrat,Helvetica,sans-serif;
    font-weight: 400;
    text-rendering: optimizelegibility;
    line-height: 1.15;
    font-size: 30px;
}

.promotion{

    background-color: #e0e0e0;
}

.addTocart{

	display: inline-block;
    font-size: 1em;
    position: relative;
    z-index: 1;
    overflow: hidden;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    color: #FFF;
    background: #1b5e20;
    border-radius: 10rem;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    min-height: 40px;
    min-width: 180px;
    font-size: 1em;
    padding: 0;
    line-height: 40px;
    text-align: center;
}

.image_container{

    height: 300px;
    width: 450px;
}

.image_single{
    height: 100%!important;
    width: 100%!important;
}

.marge{

    margin-left: 5%;
    margin-right: 5%;
}

.card.horizontal .card-image {
    max-width: 100%!important;
}

#services .card-border-gray {
    border: 1px solid #eceff1;
}
#services .card {
    overflow: hidden;
    margin: 1rem 0 1rem 0;
}

#services .card-hover :hover
{
    /*background-color: #eceff1;*/
    background: linear-gradient(45deg, #388e3c, #9ccc65) !important;
    color: white!important;
}

#services .card-hover :hover i
{
    padding-left: .5rem;

    -webkit-transition: .3s ease-in-out;
       -moz-transition: .3s ease-in-out;
         -o-transition: .3s ease-in-out;
            transition: .3s ease-in-out; 

    text-shadow: 2px 2px 6px #b0bec5;
    color: white!important;
}

#services .card-hover i
{
    font-size: 3rem;

    -webkit-transition: .3s ease-in-out;
       -moz-transition: .3s ease-in-out;
         -o-transition: .3s ease-in-out;
            transition: .3s ease-in-out;
}

.item_style{
    width: 235px;
    margin-right: 10px;
}


.section {
    position: relative;
    padding-top: 15px;
    padding-bottom: 30px;
}