@charset "utf-8";

#contenu {max-width:100%;}

.form-group {padding-left: 150px;}
.form-group.input-radio {padding-left: 0;display: inline-block; vertical-align: middle;}


.form140 {float:none;display: inline-block; vertical-align: middle;}
.input-text,
textarea {display: inline-block; vertical-align: middle;}

#rapport #logo {text-align: center; margin: 15px 0;}
#rapport .zone-boutons{max-width: 1220px; padding: 0 20px; margin: 0 auto; justify-content: center;  text-align: center;}
#rapport .zone-boutons .deconnexion{max-width: 1220px; padding: 0 20px; margin: 0 auto;}
#rapport .zone-boutons .deconnexion:visited,
#rapport .zone-boutons .deconnexion {text-decoration: none;margin-bottom: 6px;display: block;color: #2c3389;text-transform: uppercase;}
#rapport #ariane-conteneur { display: block!important;}
#rapport #logo.w1260 { display: block!important;}
#rapport #centre {padding-top: 30px!important;}

#acceptation_devis {}
#acceptation_devis .conditionGenerale {text-align: left; margin-left: 150px;width: calc(100% - 150px);}

#container-signature{margin-left: 150px;max-width: 853px;width: calc(100% - 150px);height: 400px;margin-bottom: 30px;}
#signature-pad {box-sizing: border-box;margin-bottom: 25px; max-width:853px;height: 100%;}
#signature-pad .description{margin: 10px;}
#signature-pad .signature-pad-body {width: 100%!important; margin: 5px auto;height: calc(100% - 199px);}
#signature-pad .signature-pad-body canvas{width: 100%!important;height:100%!important;border: 2px solid #dcdcdc;box-sizing: border-box;}
#signature-pad-actions{margin: 25px 0;}
.signature-pad-actions{display: flex;justify-content: space-between;}

@media all and (max-width: 1250px) {	
    #container-signature{margin-left: 0;margin: 0 auto 80px;width: calc(100% - 20px)}
    
}

@media all and (max-width: 780px) {	
    #acceptation_devis .conditionGenerale {margin-left: 0px;width:100%;}

}
@media all and (max-width: 500px) {	
    #container-signature{width: 100%}

}
.zone-boutons{
	display :flex;
}
.zone-boutons a {
	flex : 1;
}
/*Connexion*/
.card-connexion{
	margin: auto;
	margin-top: 90px ;
	max-width: 350px;
	padding: 50px 20px;
	text-align: center;
	border: 1px solid #4242422b;
	border-radius: 10px;
	box-shadow: 0px 10px 10px #6868681c;
	width : calc(100% - 20px);
	box-sizing:border-box;
}
.card-connexion > div {
	width:250px; 
	margin : 0 auto;
}
.input-form{
	border-radius: 5px;
	border: 1px solid #6464643b;
	height: 40px;
	padding: 3px;
	width: 100%;
	box-sizing:border-box;
}
.submit-connexion{
	border-radius: 5px;
	border: 1px solid #3180e7;
	margin-top: 25px;
	font-size: 13px;
	color: white;
	background: #3180e7;
	cursor: pointer;
	padding: 7px;
}
.submit-connexion:hover{
	border-color: #1043c9;
	background: #1043c9;
}