.formulaire-inscription
{

width:60%;
background-color:grey;
padding-bottom: 1px;
margin-bottom: 30px;



}


.vignetteformationdetail {
    float: right;
    width: 400px;
}





.p-en-savoir-plus{
    margin:3rem auto;
    justify-content: center;
    text-align:center;
}
.div-infos{
    margin:2rem;
    justify-content:center;
}


.bouton-login {
	font-weight: 600;
    width:150px;
    height:30px;
	color: #fff;
	background-color: #40403f;
	border-color: #40403f;
}








.form-group{
    margin:1.5rem;
    
}
#alert-nom-web,
#alert-prenom-web,
#alert-choix-contact,
#alertemail-web,
#alertemailvalide-web,
#alert-tel-web,
#alert-date-w,
#alert-nom-salon,
#alert-ville-web
 {
	font-size: 14px;
	color: #b22222;
	display: none;
}
.p-choix{
    text-align:center;
    margin:1rem 0;
}
#div-creation-compte-webinaire{
    text-align:center;
    margin:2rem 0;
}


#jauge-formation {
	width: 274px;
	margin-top: 20px;
	margin-right: 20px;
	float: right;
	padding-left: 120px;
	margin-bottom: 50px;
}

#jauge-formation-responsive {
	display: none;
}




@media screen and (max-width: 1100px)
{
.vignetteformationdetail {
    display: none;

}
    #container-formations
    {
    
    width:98%;
    margin:0 auto;
    margin-left:1%;
    margin-top:5px;
    padding-top:15px;
    display:block;
    }	
    
    
    
    
    #jauge-formation
    {
    display:none;
    }
    
    
    #jauge-formation-responsive
    {
    display:block;
    }
    

    .formulaire-inscription
    {
    
    width:96%;
    margin:0 auto;
    padding-bottom: 1px;
    margin-bottom: 30px;
    }




}