@media screen and (max-width: 768px) { 
   
	#bloc-3{
		height: 40vh;

	}
	#bloc-3 .pourcentage {
        /* display: none; */
    }
    #bloc-3 .pourcentage {
        border: 0px solid #2a013f;
        position: relative;
        top: 0px;
        left: 30px;
        z-index: 20;
         height: auto;
    }
    #bloc-3 .respo-1{
        position: relative;
        top:-250px;
    }
    
    #bloc-3 p {
        /* border: 1px solid red; */
    
        position: relative;
        top: -463px;
        left: -302px;
        z-index: 200;
        /* width: 580px; */
        line-height: 1em;
        text-align: right;
        color: #fff;
         font-size: 25pt;

        /* background: rgb(49,6,71);
        background: radial-gradient(circle, rgba(49,6,71,0.9724090319721639) 0%, rgba(49,6,71,1) 46%, rgba(58,11,82,0.9668067910758054) 71%, rgba(49,6,71,0.9612045501794468) 100%);
        -webkit-box-shadow: 0px 0px 88px 91px rgba(49,6,71,1);
        -moz-box-shadow: 0px 0px 88px 91px rgba(49,6,71,1);
        box-shadow: 0px 0px 88px 91px rgba(49,6,71,1);  */
    }
}
@media screen and (max-width: 450px) { 
	
    #bloc-3 p {
        /* border: 1px solid red; */

        position: relative;
        top: 0px;
        left: 5px;
        z-index: 200;
        
        line-height: 1em;
        text-align: right;
        color: #fff;
         font-size: 15pt;
         
       /* background: rgb(49,6,71);
        background: radial-gradient(circle, rgba(49,6,71,0.9724090319721639) 0%, rgba(49,6,71,1) 46%, rgba(58,11,82,0.9668067910758054) 71%, rgba(49,6,71,0.9612045501794468) 100%);
        -webkit-box-shadow: 0px 0px 88px 91px rgba(49,6,71,1);
        -moz-box-shadow: 0px 0px 88px 91px rgba(49,6,71,1);
        box-shadow: 0px 0px 88px 91px rgba(49,6,71,1); */
    }

		
	
	
}
@media screen and  (max-width: 320px) { 
 
}