html {
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	height: 100%;
	font-family: 'Montserrat', sans-serif;
}

canvas {
	border:1px solid rgba(0,0,0,.2);
	border-radius:5px;
	background-color: #FFF;
}

.hidden {
	display: none;
}

#message {
	width:100%;
	position:fixed;
	top:0;
	left:0;
	background-color:#FFF;
	text-align:center;
	line-height: 25px;
	padding:20px 0;
	box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.50);
	opacity:0.69;
	font-weight: 700;
	display:none;
	z-index:999;
}

.btn {
	margin-top:5px;
}

.btn_effacer {
	font-size:30px;
	position: absolute;
	top:5px;
	text-decoration: none;
}

.bouton_action {
	padding-top: 15px;
	margin-bottom: 15px;
}

.btn_tablette {
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
}

.btn_tablette_small {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}

.btn-action {
	color:#FFF;
}

.btn_recap {
	border-radius: 35px;
}

.btn_enregistrer {
	background-color: #53DA85;
		border-radius: 35px;
		color:#FFF;
}

#instruction_signature {
	margin-top:10px;
	padding-left:15px;
}
#merci {
	height: 100%;
}
#merci_image {
	width:100%; 
	height:200px; 
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: auto 100%;
	background-image:url('../images/ja/illu-sign2.png');
}
.merci_texte_up {
	font-weight: 700;
	font-size: 20px;
}

.merci_texte {
	margin-top: 30px;
	color:#4A4A4A;
}

.merci_page {
	text-align:center;
	padding-top:5px;
}

@media (orientation:landscape) and (max-width: 640px) {
	.instruction_signature_titre{
		top:20px;
	}
	/*#en_tete_signature{
		display: none;
	}*/
}

#recap {
	height: 100%;
}

#recap #recapitualif_conditions .recapitualif_conditions_checkbox {
	text-align:right;
}

#recap .conditions_texte {
	color:#AAA;
	font-style: italic;
	font-size:12px;
	margin-top:6px;
}

#signature {
	height: 100%;
}

.alert_cgv {
	color:red;
	font-size: 11px;
	font-style: italic;
}

/*Checkbox*/
input[type="checkbox"].ios8-switch {
	position: absolute;
	margin: 8px 0 0 16px;
}

input[type="checkbox"].ios8-switch + label {
	position: relative;
	padding: 5px 0 0 50px;
	line-height: 2.0em;
}

input[type="checkbox"].ios8-switch + label:before {
	content: "";
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 40px; /* x*5 */
	height: 24px; /* x*3 */
	border-radius: 16px; /* x*2 */
	background: #fff;
	border: 1px solid #d9d9d9;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

input[type="checkbox"].ios8-switch + label:before {
	content: "";
}

input[type="checkbox"].ios8-switch + label:after {
	content: "";
	position: absolute;
	display: block;
	left: 0px;
	top: 0px;
	width: 24px; /* x*3 */
	height: 24px; /* x*3 */
	border-radius: 16px; /* x*2 */
	background: #fff;
	border: 1px solid #d9d9d9;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

input[type="checkbox"].ios8-switch + label:hover:after {
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

input[type="checkbox"].ios8-switch:checked + label:after {
	margin-left: 16px;
}

input[type="checkbox"].ios8-switch:checked + label:before {
	background: #55D069;
}

/*Recap*/
#recapitulatif {
	margin-top:235px;
}

#recapitualif_conditions .recapitualif_conditions_checkbox {
	text-align:right;
}

.conditions_texte {
	color:#AAA;
	font-style: italic;
	font-size:12px;
	margin-top:6px;
}

.conditions {
	text-decoration: underline; 
}

.en_tete {
	background-color: #3db6e0;
	background-image: -webkit-linear-gradient(#7BD8FD, #3EB6E0);
	background: linear-gradient(rgba(123, 216, 253), rgba(62, 182, 224));
	height:35%;
}
.en_tete2 {
	background-color: #3db6e0;
	background-image: -webkit-linear-gradient(#7BD8FD, #3EB6E0);
	background: linear-gradient(rgba(123, 216, 253), rgba(62, 182, 224));
	height:135px;
}
.logo1_images {
	height:60px; 
	width:100%; 
	background-repeat: no-repeat;
	background-size: auto 40px;
}

.logo1_image {
	background-image:url('../images/ja/logo-sign-W.png');
	background-size: auto 57px;
	background-position: 100% 50%;
}

.logo1_texte {
	background-position: 0% 50%;
}

.logo2_image {
	background-image:url('../images/ja/logo-sign.png');
	background-size: auto 57px;
	background-position: 100% 50%;
}

.logo2_texte {
	background-image:url('../images/ja/logo-sign2.png');
	background-size: auto 40px;
	background-position: 0% 50%;
}

.separateur {
	border-top:#FFF 1px solid;
	border-color:rgba(255, 255, 255, 0.5);
	width: 100%;
	padding-top:5px;
}

.nom_dossier {
	text-align: center;
	color:#FFF;
	font-weight: 700;
}

.titre_ecran {
	text-align: center;
	color:#FFF;
	line-height: 0.5em;
}

.text_en_tete_signature {
	text-align: center;
	color:#FFF;
}

.text_en_tete_signature_petit {
	text-align: center;
	color:#FFF;
	font-size: 12px;
}

.recapitualif_conditions {
	box-shadow: 0px 2px 14px rgba(92, 39, 251, 0.43);
	border-radius: 10px;
	margin-top:-113px;
	background-color:#FFF;
	padding-top: 25px;
	padding-bottom: 25px;
}

#contenerCanvas{
	margin-top:-30px;
}

.recapitualif_conditions_image {
	background-image:url('../images/ja/illu-sign1.png');
	height:100px; 
	width:100%; 
	background-repeat: no-repeat;
	background-size: auto 100px;
	background-position: 50% 50%;
}

.important_texte {
	font-weight: 700;
	text-align: center;
}

.recapitualif_conditions_texte {
	color: #707070;
	padding-left:25px;
	padding-right:25px;
}

.recapitualif_conditions_texte p {
	margin:0;
}

.label_confidentialite{
	cursor:pointer;
	text-decoration: underline;
	font-style:italic;
	color:#AAA;
}

#confidentialite_contenu h1, #confidentialite_contenu h2{
	color:#3db6e0;
}

#confidentialite_contenu h1{
	font-size: 25px;
}

#confidentialite_contenu h2{
	font-size: 19px;
}
.form-group input[type="checkbox"] {
    display: none;
}
/*
.form-group input[type="checkbox"] + .btn-group > label span {
    width: 20px;
}*/

.form-group input[type="checkbox"] + .btn-group > label span:first-child {
    display: none;
}
.form-group input[type="checkbox"] + .btn-group > label span:last-child {
    display: inline-block;   
}

.form-group input[type="checkbox"]:checked + .btn-group > label span:first-child {
    display: inline-block;
}
.form-group input[type="checkbox"]:checked + .btn-group > label span:last-child {
    display: none;   
}
.form-check{
	padding:0;
}
.btn-primary{
	background-color: #3db6e0;
}

.texte_format{
	white-space: nowrap;
}
.texte_mon_formaliste {
	color:#707070;
	font-size: 12px;
	font-style: italic;
	padding-left: 25px;
	padding-right: 25px;
}

.btn-retour{
	background-color:rgba(78, 188, 227, 0.5);
}

.btn_effacer{
	color :rgba(78, 188, 227, 0.5);
}
.btn-action{
	background-color:#3db6e0;
}
a, a:focus, a:hover{
	color:#3db6e0;
}
.merci_entete{
	background-color: #3db6e0;
}
#merci_logo{
	background-image:url('../images/tiime/logo_blanc.png');
}
#merci_page_image{
	background-image:url('../images/tiime/merci.png');
}
#cgv h1, #cgv h2{
	color:#3db6e0;
}
.error_canvas_vide{
	position: absolute;
	top:100px;
	color:#AAA;
	font-size:3em;
	opacity: 0.5;
	left:21%;
}