a {
  color:#e08d51;    
}     

.herop {
 padding:100px 0 700px;
 position:relative;
 background-position:50%;
 background-size:cover
}
@media(max-width:1600px){
  .herop {
    padding:100px 0 500px;
  }
}
@media(max-width:1199px) {
 .herop {
  padding:100px 0 500px
 }
}
@media(max-width:991px) {
 .herop {
  padding:120px 0 200px
 }
}
@media(max-width:767px) {
 .herop {
  padding:150px 0 100px
 }
}
@media(max-width:575px) {
 .herop {
  padding:120px 0 80px
 }
}


.herop::after {
 content:"";
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 background:rgba(0,0,0,.2)
}

.hero-content h1 {
  margin-bottom:15px;
 font-size:50px;
 line-height:70px
}
@media(max-width:767px) {
 .hero-content h1 {
  font-size:40px;
  line-height:55px
 }
}
@media(max-width:575px) {
 .hero-content h1 {
  font-size:30px;
  line-height:45px
 }
}
@media(max-width:400px) {
 .hero-content h1 {
  font-size:24px;
  line-height:40px
 }
}


@media(max-width:991px) {
 .hero-content p {
  width:100%
 }
}
@media(max-width:575px) {
 .hero-content p {
  margin:0
 }
}    

.hero-content p {
 color:#fff;
 font-size:26px;
 line-height:32px;
 width:83%;
 margin:0 auto 50px
}

.exergue {
  margin-left:600px;
  color:#efefef;
  font-size:14px;
}     
@media(max-width:1000px) {
 .exergue { 
  margin-left:400px;
  color:#efefef;
  font-size:14px;
 }
}
@media(max-width:800px) {
 .exergue { 
  margin-left:200px;
  color:#efefef;
  font-size:14px;
 }
}

.corps p {
  font-size:18px;
  color:#222200;
}     


#programmes .corps li {
  
  line-height:1.6;
  margin: 15px 5px 15px 5px;
}

.corps ol {
  padding:20px;
}  

.corps ul {
  list-style:square;
  padding: 20px;
}  

.artiste-wraper {
 transition:all .3s ease-in-out;
}
.artiste-wraper .artiste-item {
 background: rgba(255, 255, 255,.8);
 width: 100%;
 padding:40px 10px;
 text-align:center;
 border:1px solid #0000001c;
 border-radius:12px;
 position:relative
}
.artiste-wraper .artiste-item h3 {
 margin-bottom:20px
}
.artiste-wraper .artiste-item span.price {
 font-size:70px;
 font-weight:400;
 font-family:montserrat,sans-serif;
 color:#252525;
 transition:all .3s ease-in-out;
 display:block;
 margin-bottom:20px
}
.artiste-wraper .artiste-item span.price sup {
 font-size:30px
}
.artiste-wraper .artiste-item-badge {
 position:absolute;
 background:#007af5;
 padding:5px 10px;
 font-size:10px;
 font-weight:700;
 color:#fff;
 text-transform:lowercase;
 font-family:montserrat,sans-serif;
 border-radius:5px;
 top:20px;
 right:20px
}
.artiste-wraper .artiste-item p {
 margin-top:20px;
 font-size:14px;
 width:100%;
 margin:0 auto
}

/*
.artiste-wraper a {
 border:none;
 width:100%;
 border-radius:0 0 6px 6px;
 font-size:13px;
 padding:15px;
 font-weight:500;
 transition:all .3s ease-in-out
}
@media(max-width:991px) {
 .artiste-wraper a {
  margin-bottom:20px
 }
}
*/
.artiste-wraper:hover {
 transform:scale(1.05)
}
/*
.artiste-wraper:hover a {
 background-color:gray;
 transform:translateY(0)
}
*/
.artiste-wraper:hover span.price {
 color:#007af5
} 

.row-artistes {
 display:-ms-flexbox;
 display:block;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 margin-right:-15px;
 margin-left:-15px
}

.img-artiste {
   width:160px;
   height:160px
}  

.nom-artiste {
   font-weight:bold; 
}  

.texte-artiste h3 {
  text-align:left; 
}



.texte-artiste p {
  text-align:left;
  width:100%;
  color:black;
  font-size:18px;
}

#projet h2, #projet h3 {
  color:white;
}

#projet .section-title {
  margin-top:50px;
}

#projet .container {
  background-color:rgb(36,41,46,.6);
  padding:30px
}

.corpsPrj h4, .corpsPrj p, .corpsPrj li{
  color:white;
}

#fontfroide {
 width:400px;
 float:right;
}

.media-image {
  width:600px;
  float:none;
}  

@media(max-width:800px) {
 #fontfroide { 
  float:none;
 }
 .media-image {
   width:100% 
 }  
}

@media(max-width:500px){
  .img-artiste {
     width:60px;
     height:60px;
     float:none;
  }
  #fontfroide {
    width:95%;
  }
  
}