.portfolio_description {
    position:absolute;
    width:40%;
    bottom:10%;
    
   
    background-color:rgba(255, 255, 255, 0.5);
}

.portfolio_description_right {
    position:absolute;
    width:40%;
    right:2%;
    bottom:10%;
    
   
    background-color:rgba(255, 255, 255, 0.5);
}

.maillead {
    position:relative;
    left: 40%;
    width:40%;
    bottom:50%;
    
   
    background-color:rgba(255, 255, 255, 0.5);
}

h1 {
            margin-left :3%;
}



.mygrey1{
	
	background-color: #f8f8f8; 
}

.mystars{
	max-width: 50%;
}

.mymax{
	max-width: 50%;
}

.mymargin{
	margin: 10px;
}
.myborder{
	 border-width:1px;
 border-style:solid;
 border-color:black;
}
.mycenter {
	margin-left: auto;
    margin-right: auto;
}

.portfolio_description_man {
    position:absolute;
    width:40%;
    bottom:10%;
}

.product .img-responsive {
    margin: 0 auto;
}

.picture-main {
height:61vw;
}

.mymax-img{
	width: 100%;
}

.portfolio_description_moi {
    position:absolute;
    width:40%;
    bottom:10%;
     right: 10%;
}

.portfolio_description_nobook {
    position:absolute;
    width:100%;
    bottom:40%;
     right: auto;
     left: auto;
     background-color: rgba(255, 255, 255, 0.5);
}

.cover-img{
	
	max-width: 80%;
	
}

.smll-cover-img{

	max-width: 50vh;
	margin: 5% 5% 10% 10%;
}
.img-wrap{
	margin: 10% 10% 10% 10%;
}
.exemple{
max-width: 70%;
}

.exemple2{
max-width: 60%;
margin-left: 20%;
margin-top: 5%;
margin-bottom: 5%;
}

.my-black{
	color: black;
}

.mybackground{
	background-repeat: no-repeat;
background-position: center;
background-size: 100%, auto;
}

@media only screen and (max-width: 500px) {
    /* For mobile phones: */
  .exemple2{
max-width: 80%;
margin-left: 12%;
margin-top: 5%;
margin-bottom: 5%;
}
.mybackground{
	background-repeat: no-repeat;
background-position: center;
background-size: 120%, auto;
}

}

.mysoftblue{
background-color:#67c1f4; !important;
	
}

.blanc{
background: #ffffff;
}