
.profil_frame{
    background:rgb(22,31,39);color:(160,160,160)
}
.header_secondary_profil{
   color:rgb(200,200,200);
}
.main_secondary_profil{
  
    color:rgb(200,200,200);
}



.profil_container{
     width:68%; margin:auto;
     margin-top: 80px;
     padding-top: 15px;
}
.profil_section_left{
    display: inline-block;
    -ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	width: 41.666667%;
}
.profil__section_main{
    display: inline-block;
    -ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%;
}

/**/
.profl_img_container{
    display: inline-block;
    width: 40.666667%;
    vertical-align:middle;
}
.profl_noms_container{
    display: inline-block;
    max-width: 57.333333%;
    vertical-align:middle;
}

.profil_container .user_prof_img{ 
    width:120px;
    height:120px;
    border-radius:100%;
    display: block;
    margin:auto;
}

.profil_container .profl_userName{ 
    color:rgb(240,240,240); 
    font-weight:600;
    font-size:24px;
    line-height:19px;
}

/**/
.contEtatActProfil strong{
    color:rgb(240,240,240);
}
.contEtatActProfil small{
  
}
.option_profil_container{
        margin-top: 15px;
}
@media screen and (min-width:769px)and (max-width:900px){
	.profil_container{
        width:90%; margin:auto;
     }
        .profil_section_left{
        display: inline-block;
        -ms-flex: 100%;
	    flex: 0 0 100%;
        width: 100%;
        
        text-align: center;
    }
    .profil__section_main{
        display: inline-block;
        -ms-flex: 0 0 58.333333%;
	    flex: 0 0 58.333333%;
	    max-width: 58.333333%;
    }
    .profil_container .user_prof_img{ 
        width:120px;height:120px;border-radius:100%;
    }
}


@media screen and (max-width:768px) {
    .profil_container{
        width:94%; margin:auto;
        margin-top: 15px;
        padding-bottom: 10px;
        
   }
   .profil_section_left, .profil__section_main{
        display: block;
        -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    width:100%;
    }

    .profl_noms_container{
        display: block;
        width:96%;
        max-width:96%;
        margin: auto;
        margin-top:15px;
        font-size: 12px; line-height:28px;
    }
    
    .profl_img_container{
        display: block;
        width: 50.666667%;
         margin: auto;
         margin-top:50px;
    }
    .profl_noms_container{
        display: block;
        max-width: 60.333333%;
        margin: auto; margin-top:20px;
        text-align: center;
    }

    .profil_container .user_prof_img{ 
        width:120px;height:120px;border-radius:100%;
    }
    .profil_frame .profl_userName{ 
        color:rgb(240,240,240); 
        font-weight:400;
        font-size:19px;
        line-height:20px;
    }
    .itemProfil{
        border-bottom:solid 0px;
        padding-top:6px; padding-bottom: 6px;
        
    }
    .option_profil_container{
        width:94%; margin:auto;
        margin-top:20px; 
        display: block;
    }
    .itemProfil .libelle{
        display: inline-block;
        width:25%;
        padding-right: 5px;
        font-weight: 600; padding-top:10px; padding-bottom: 10px;
    }
    .itemProfil .description{
        width: 72%; display: inline-block; line-height: 16px;
        vertical-align: middle;
    }
    .cadre_box{
        background: rgb(34,48,60);
    }
    .option_profil{
        display: block; 
        border:solid 1px rgb(110,110,110); color:rgb(160,160,160);
        padding:5px;
        width:35%;margin: auto; margin-top: 20px; margin-bottom: 15px;
        border-radius: 100px;
    }
}
	

