.zone-contrat {
	/*counter-reset:fc0 fc1 fc2;*/
	font-family: calibri !important;
	background-color: #FFF !important;
	color: #404040 !important;
	margin: 20px auto;
	width: 100%;
	max-width: 1000px;
	border: 1px solid #CCC;
	overflow-y: scroll;
	height: 400px;
	padding: 5px !important;
	text-align: justify !important;
	font-size: 16px !important;
}

.zone-contrat.edition {
	height:800px; 
	max-width:1015px;
	overflow-y: auto;
}

.cke_editable {
	font-family: calibri !important;
	font-size: 16px !important;
	background-color: #F5F5F5 !important;
}

.cke_editable h1,
.zone-contrat h1 {
	font-family: calibri !important;
	font-size: 2.1em !important;
	font-weight: normal !important;
	margin: 15px 0px !important;
}

.cke_editable h2,
.zone-contrat h2 {
	font-family: calibri !important;
	font-weight: normal !important;
	font-size: 1.7em !important;
	margin: 15px 0px !important;
}

.cke_editable h3,
.zone-contrat h3 {
	font-family: calibri !important;
	font-weight: normal !important;
	margin-left: 20px !important;
}

.cke_editable h4,
.zone-contrat h4 {
	font-family: calibri !important;
}

.cke_editable ul,
.zone-contrat ul {
	padding-left: 25px;
}

@media (max-width: 767px) {

	.zone-contrat {
		padding: 5px 10px !important; 
		height: 300px !important;
      max-width: 80vw;
	}

	.zone-contrat h1 {
		font-size: 1.5em !important;	
	}
	
	.zone-contrat h2 {
		font-size: 1.2em !important;
	}
}
@media (max-width: 400px) {

   .zone-contrat {
      padding: 5px 10px !important;
      height: 300px !important;
      width: ;
   }

   .zone-contrat h1 {
      font-size: 1.5em !important;
   }

   .zone-contrat h2 {
      font-size: 1.2em !important;
   }
}

.section-1 {
	padding-left: 0px;
}

.section-2 {
	padding-left: 20px;
}

.section-3 {
	padding-left: 40px;
}