body .navbar .shop-brand-icon {
  height: 80px!important;

}

.jumbotron-fluid {
   
   width:100%;
   
}

.nav-link {
   color: rgb(255, 255, 255)!important;
}

@media (min-width: 992px){
body main {
position:absolute;
top: 0px;
width:100%;
font-family: Roboto,Helvetica,Arial,sans-serif;
font-size: 18px;
}
}

@media (max-width: 992px){
body main {
   position:relative;
   width:100%;
   font-family: Roboto,Helvetica,Arial,sans-serif;
   margin-top:50px;
   font-size: 18px;
}
}


@media (min-width: 992px){
body .navbar {
  height: 90px!important;
  color: white;
  transition:500ms ease;
  background:transparent;
  margin-top: 30px;
  
}
}



@media (max-width: 992px){
body .navbar {
    height: 150px!important;
    color: white;
    transition:500ms ease;
    background:transparent;
}
}

body .navbar .shop-primary-menu {
   font-weight: bold!important;
}


@media (min-width: 992px){
body .navbar.scrolled{
  background:#4ab6c8;
}
}

@media (max-width: 992px){
body .navbar {
   /*background:#e8c095ed;*/
   background:#4ab6c8;
}
}
@media (max-width: 992px){
.navbar-collapse{
    background:#4ab6c8;
}
}



.fixed-top {
   top: 0px!important;
}


#footer {
   background:#595652ed !important;
   
}

.footer-text{
   padding-top:10px;
   color: white;
   font-size:15px;
}

.footer-text a{
   color:white;
}

.footer-text .copyright {
   float: right;
}

.footer-text li {
   display: inline-block;
}


.navbar img {
   margin-right: 50px;
   width: 150px;
 }




.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}



body main p{
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-size: 18px;

}


.forms {
   margin-bottom:30px;
}



body main h1{
   font-family: "Roboto Slab", "Times New Roman", serif;
}


#\/page-title {
  padding-top: 200px;
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: top;
  height: 300px;
  background-color: transparent;
  text-align:center;
  margin-bottom: 70px;

}

@media (max-width: 992px){
#\/page-title {
   display:none;
}   
}


#\/page-title2 {
  padding-top: 200px;
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: top;
  height: 300px;
  background-color: transparent;
  text-align: center;
  margin-bottom: 30px;

}

#\/page-title .jumbotron-fluid .container-fluid{
   height: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   
}

#\/main-text {
	margin-top:30px;
        
}


.blog-list, .blog-latest-entries
{
  display: flex;
  flex-wrap: wrap;
}


@media (min-width: 720px){
#zone-principal {
     margin: 10px auto;
     text-align: center;
     z-index: 6; 
}}

@media (max-width: 720px){
#zone-principal {
     margin: 10px auto;
     text-align: center;
     z-index: 6; 
}}


@media (min-width:720px) {
#zone-principal article_actu{
   text-align: center;
   position: relative;
   font-family: "Raleway", Sans-serif;
   font-size: 15px!important;
   font-weight: 500;
   padding-top: 30px; 
   display: block;
   flex-basis: 20rem;
   border-width: 1px;
   border-color: #dee2e6;
   border-style: solid;
   border-radius: 0.25rem;
   padding: 1rem 1rem 0;
   margin-left: 15px;
   margin-top: 15px;

}
}

@media (max-width:720px) {
#zone-principal article_actu{
   text-align: center;
   font-family: "Raleway", Sans-serif;
   font-size: 15px!important;
   font-weight: 500;
   padding-top: 30px; 
   text-align: center;
   display: block;
   flex-basis: 20rem;
   border-width: 1px;
   border-color: #dee2e6;
   border-style: solid;
   border-radius: 0.25rem;
   padding: 1rem 1rem 0;
   margin-left: 15px;
   margin-top: 15px;
}
}

#zone-principal footer
{
  flex-shrink: 0;
  color: #fffffff0;
  background: #ffffffff;
  padding-top: 1rem;
  padding-bottom: 1rem;
}


#zone-principal a {
   color:#007bff;
}

#zone-principal  p
{
  padding: 0;
  margin: 0;
  margin-top: 0.5rem;
}

#zone-principal  ul
{
  padding: 0;
  margin: 0;
  margin-top: 0.5rem;
}


#zone-principal h3 {
   font-size: 20px;
   margin-top: 0.5rem;
}

#zone-principal h2 {
   margin-top: 0.5rem;
   margin-bottom: 1rem;
}

#\/catalog {
 margin-top: 170px;
}

.media p {
 line-height: 0.5;
 margin-top: 10px;
}

#\/titre_1 {
margin-bottom: 25px;
}

#formcontact {
   margin-top:5%;
 }

@media (min-width:450px) {
.form-button{
   
   border-width: 0px;
   background-color: #4ab6c8;
   animation-duration: 2s;
   animation-iteration-count: 1;
   transform-origin: bottom;
   color:white; 
   margin-top:20px;
   margin-left:5%;
   width:400px;
}
}


@media (max-width:450px) {
.form-button{
   
   border-width: 0px;
   background-color: #4ab6c8;
   animation-duration: 2s;
   animation-iteration-count: 1;
   transform-origin: bottom;
   color:white; 
   margin-top:20px;
   margin-left:5%;
   width:300px;
}
}

.field-wrapper {
   margin-top:10px;
   margin-left:5%;
}

@media (min-width:450px) {
.forms input,textarea{
    
    font-size: 20px!important;
    border-width: 0px 0px 1px 0px;
    border-color: black;
    width:400px;
}
}

@media (max-width:450px) {
.forms input,textarea{
    
    font-size: 20px!important;
    border-width: 0px 0px 1px 0px;
    border-color: black;
    width:300px;
}
}


.forms label{
    vertical-align: top;
    width: 100px;
    font-size: 20px;
    display:none;
}