@charset "utf-8";
/* CSS Document */

body {
	font-size: 0.725em;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.005em
}

	body section {
		width: 216mm;
		margin: 0 auto
	}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

a {
	text-decoration: none;
	color: #376092;
}

	a:hover {
		color: #cccccc;
	}

/*h1, .h1 {    
	font-size: 2.5em;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: 0.01em;
	text-transform:uppercase;
	margin:0 0 25px;
	text-align:center;
}*/
h2, .h2 {
	font-size: 2em;
	letter-spacing: 1px;
	line-height: 1.2;
	margin: 20px 0
}

h3, .h3 {
	font-size: 1.25em;
	padding: 2px 0;
}
/*h4, .h4			{font-size:1em;font-weight:bold; padding:5px 0}
h5, .h5			{font-size:1.8em;margin:5px 0 3px; font-weight:bold; font-style:italic}
h6, .h6			{
	font-size:1.025em; 
	font-weight:bold; 
	padding:0 0 5px; 
	text-transform:uppercase;}*/

p {
	margin: 0 0 10px;
}

ul {
	list-style: none;
	margin: 0
}

img {
	border: 0;
	width: 100%
}

.small {
	font-size: 80%
}

.b {
	font-weight: bold
}

.i {
	font-style: italic
}

.n {
	font-style: normal
}

.left {
	text-align: left
}

.center {
	text-align: center
}

.right {
	text-align: right
}

.valign-top {
	vertical-align: text-top
}

.valign-middle {
	vertical-align: middle
}

.block {
	display: block !important
}

.inline-block {
	display: inline-block !important
}

.hide {
	display: none
}

.float-l {
	float: left
}

.float-r {
	float: right
}

.brdr-top {
	border-top: 1px solid #999
}

.brdr-right {
	border-right: 1px solid #999
}

.brdr-bottom {
	border-bottom: 1px solid #999
}

.brdr-bottom-lgrey {
	border-bottom: 1px solid #cfcfcf
}

.brdr-left {
	border-left: 1px solid #999
}

.section-box {
	border: 1px solid #999;
	margin-bottom: 30px
}

.brdr-1 {
	border: 1px solid #999 !important
}

.brdr-0 {
	border: 0 !important
}

.pad-0 {
	padding: 0 !important
}

.pad-left-0 {
	padding-left: 0 !important
}

.pad-3 {
	padding: 3px !important
}

.pad-5 {
	padding: 5px !important
}

.pad-top-5 {
	padding-top: 5px !important
}

.pad-left-3 {
	padding-left: 3px !important
}

.pad-left-10 {
	padding-left: 10px !important
}

.pad-bot-3 {
	margin-bottom: 3px
}

.marg-15 {
	margin: 15px
}

.marg-bot-20 {
	margin-bottom: 20px
}

.w-auto {
	width: auto !important
}

.important {
	color: #ff0000;
	font-style: normal
}

.form-group > div {
	padding: 5px
}

.numbercircle {
	border-radius: 50%;
	width: 18px;
	height: 18px;
	background: transparent;
	border: 1px solid #000;
	text-align: center;
	display: inline-block;
	font-size: 0.85em;
	padding-top: 1px;
}

.form-group label {
	margin: 0 0 2px 0;
	display: block
}

.form-group > div > span {
	padding: 0 2px;
	display: inline-block
}
/*
.info-vert > div {
	text-align:right
}

.info-vert > div > div {
	display:inline-block
}

.info-vert > div input[type="text"] {
	width:auto !important
}*/

.table {
	display: table
}

	.table .table-info {
		width: 75%
	}

	.table .table-poste {
		width: 20%
	}

	/*.table .table-tel > div:nth-of-type(3),
.table .table-courriel > div:nth-of-type(2),*/
	.table .table-pref {
		width: 5%;
		text-align: center
	}

	/*.table .table-tel > div:nth-of-type(1) div,
.table .table-courriel > div:nth-of-type(1) div {
	float: left;
	width: 30%;
	padding: 7px;
}*/

	.table .table-info input[type="text"] {
		width: 65%;
	}

	.table > div {
		display: table-row
	}

		.table > div > div {
			display: table-cell;
			padding: 1px 2px;
		}
/*.table > div > div input[type="text"] {
	width:auto
}*/

input[type="text"], textarea, select {
	font-size: 0.963em;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: rgba(0, 0, 0, 0.75);
	padding: 5px 3px;
	border: 1px solid #cccccc;
	background-color: #f9f9f9;
	width: 100%;
	margin: 3px 0;
}

/*input:invalid {
	color: rgba(255, 255, 0, 0.75);
	border: 1px solid #cccccc;
	background-color: #f9f9f9;
}*/


.signing-box {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	padding: 4px 3px;
	border: 0 !important;
	background-color: #efefef;
	width: 100%;
	height: 45px;
}

input[type="radio"], input[type="checkbox"] {
	margin: 1px 3px 1px 0;
	position: relative;
	top: 2px;
}

.container {
	position: relative;
}

.logo {
	width: 200px;
	margin: 0;
}

.radio-hor {
}

	.radio-hor label {
		display: inline-block;
		padding: 3px 5px 3px 0;
		cursor: pointer;
		font-weight: normal;
	}


.radio-vert label {
	padding: 0 0 1px 5px;
	cursor: pointer;
	font-weight: normal;
}

.radio-hor > input {
	position: relative;
	cursor: pointer;
	height: 0;
	width: 0;
	top: 2px;
	margin: 0 3px 0 0;
}

select {
	margin: 3px 0;
	padding: 4px 3px
}

.page-01 > div, .page-02 > div {
}

.row {
	padding: 0 -2px
}

	.row .row {
		width: auto;
		max-width: none;
		margin: 0 -2px;
	}

[class*="col-"] {
	float: left;
	padding: 0 2px;
}

	[class*="col-"] > [class*="col-"] {
		padding: 0 2px
	}

.col-00 {
	width: 0%
}

.col-05 {
	width: 5%
}

.col-08 {
	width: 7.5%
}

.col-10 {
	width: 10%
}

.col-15 {
	width: 15%
}

.col-19 {
	width: 19.1%
}

.col-20 {
	width: 20%
}

.col-25 {
	width: 25%
}

.col-30 {
	width: 30%
}

.col-33 {
	width: 33.33333%
}

.col-35 {
	width: 35%
}

.col-40 {
	width: 40%
}

.col-45 {
	width: 45%
}

.col-50 {
	width: 50%
}

.col-55 {
	width: 55%
}

.col-60 {
	width: 60%
}

.col-67 {
	width: 66.66667%
}

.col-70 {
	width: 70%
}

.col-75 {
	width: 75%
}

.col-80 {
	width: 80%
}

.col-85 {
	width: 85%
}

.col-90 {
	width: 90%
}

.col-95 {
	width: 95%
}

.col-100 {
	width: 99.7%
}

.row:before, .row:after {
	content: "";
	display: table;
}

.row:after {
	clear: both
}

.doc-id, .sign-box, .vcf-photo {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: rgba(0, 0, 0, 0.75);
	padding: 3px;
	border: 1px solid #cccccc;
	background-color: #f9f9f9;
}

	.doc-id input, .sign-box > input {
		max-width: 100%;
		width: auto;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		padding: 0;
		border: 0;
		background-color: transparent;
	}

	.doc-id > input {
		height: 200px;
	}

	.sign-box > input {
		height: 100px;
	}

	.vcf-photo input[type="image"] {
		height: 100px
	}

	.vcf-photo .vcf-photo-info {
		padding: 36px 5px
	}

/* BUTTON */
.btn, .btn-small, .btn-mini {
	display: inline-block;
	text-align: center;
	cursor: pointer;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.btn {
	font-size: 1em;
	width: 130px;
	margin: 3px 5px;
	padding: 5px 8px;
}

.btn-small {
	font-size: 1em;
	width: 75px;
	margin: 3px 5px;
	padding: 5px 8px;
}

.btn-mini {
	font-size: 2em;
	width: 20px;
	height: 20px;
	line-height: 0.8;
	font-weight: normal;
	/*margin: 3px;
	padding: 8px;*/
}

#Info_AutresEntreprises,
#Info_AutresUtilisateur,
#Info_AutresAdministrateur {
	position: relative;
	border-bottom: 0;
}

#Info_AutresEntreprises .btn-ajouter,
#Info_AutresUtilisateur .btn-ajouter,
#Info_AutresAdministrateur .btn-ajouter {
	position: absolute;
	right: 0;
	top: 0;
}

/*#Info_AutresUtilisateur .brdr-bottom:last-child,
#Info_AutresAdministrateur .brdr-bottom:last-child {
	border-bottom: none;
}*/

#Info_AutresEntreprises .btn-supprimer,
#Info_AutresUtilisateur .btn-supprimer,
#Info_AutresAdministrateur .btn-supprimer {
	/*position: relative;
	bottom: 0;*/
	position: absolute;
	right: 0;
}

.btn, .btn-mini, .btn-small {
	color: #ffffff;
	border: 1px solid #376092;
	background-color: #376092;
}

	.btn:hover, .btn-mini:hover, .btn-small:hover {
		color: #376092;
		border: 1px solid #376092;
		background-color: #ffffff;
	}




.link {
	color: #376092;
	font-style: italic;
}

	.link:hover {
		color: #cbad2b;
		font-style: italic;
	}

/* LIST */

ul.dashed > li {
	padding: 1px;
}

	ul.dashed > li:before {
		content: "-";
		padding: 0 2px;
	}

.en-cours {
	background-color: rgba(255,255,255,0.8);
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	display: table;
}

	.en-cours .en-cours-content {
		text-align: center;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 70%;
		max-width: 800px;
		margin: 0 auto;
		z-index: 10;
		display: table-cell;
		vertical-align: middle;
		padding: 20px;
		/*	height:400px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.6)*/
	}

		.en-cours .en-cours-content h2 {
			font-size: 2em;
			padding: 0 0 20px;
			margin: 0;
			font-weight: normal;
		}

		.en-cours .en-cours-content div {
			font-size: 1.25em;
		}

.requis {
}

.valide {
}

.invalide {
	border: 1px solid #ff0000 !important;
	background-color: #f6e8a8 !important;
}
/* Modal Content */
.dialog {
	display: block;
	font-weight: 400;
	margin: 0;
	position: relative;
	background: #ffffff;
	color: #666666;
	border-radius: 3px;
	border: none;
	overflow: hidden;
	box-shadow: 0 0 0 1px #999999;
	text-align: left;
	margin: 20px auto;
	max-width: 600px;
	width: 80%;
	z-index: 10;
}

	.dialog .titlebar {
		height: 32px;
		line-height: 32px;
		vertical-align: middle;
		font-size: 1.25em;
		font-weight: bold;
		padding: 0 8px;
		white-space: nowrap;
		overflow: hidden;
		background: #ffffff;
		color: #666666;
		text-align: center;
		width: auto !important;
		border-bottom: 1px solid #cccccc;
	}

	/* The Close Button */
	.dialog .close {
		width: 32px;
		height: 32px;
		position: absolute;
		top: 0;
		right: 0;
		padding: 0;
		border: 0;
		font-size: 1.5em;
		color: #666666;
		background: none;
		padding: 8px;
	}

		.dialog .close:hover,
		.dialog .close:focus {
			color: #000;
			text-decoration: none;
			cursor: pointer;
		}

	.dialog .content {
		padding: 15px 15px 15px;
	}