.container {
	width:800px;
	padding:20px 15px;
}
.header {
	width:800px;
	line-height:65px;
	text-transform: uppercase;
	font-family:Verdana;
	font-size:24px;
	color:#FFFFFF;
	font-weight:bold;
	background-color:#f6a808;
	text-align:center;
	position:relative;
}
.header2 {
	width:800px;
	line-height:65px;
	text-transform: uppercase;
	font-family:Verdana;
	font-size:20px;
	color:#FFFFFF;
	font-weight:bold;
	background-color:#f6a808;
	text-align:center;
	position:relative;
}
.header3 {
	width:800px;
	height:65px;
	line-height:20px;
	text-transform: uppercase;
	font-family:Verdana;
	font-size:20px;
	color:#FFFFFF;
	font-weight:bold;
	background-color:#f6a808;
	text-align:center;
	padding:10px 0px;
	position:relative;
}
.header-float-text {
	text-transform: none;
	top:30px;
	left:20px;
	font-size:10px;
	font-weight:normal;
	position:absolute;
	line-height:12px;
	
}
.subheader {
	width:800px;
	line-height:44px;
	text-transform: uppercase;
	font-family:Verdana;
	font-size:20px;
	color:#FFFFFF;
	background-color:#f8b939;
	text-align:center;
}
.subheader2 {
	width:800px;
	height:auto;
	line-height:20px;
	text-transform: uppercase;
	font-family:Verdana;
	font-size:18px;
	color:#FFFFFF;
	background-color:#f8b939;
	text-align:center;
	padding:5px 0px 10px 0px;
}
.subheader2 small {
	font-size:13px;
}
.text {
	width:800px;
	font-family:Verdana;
	font-size:12px;
	color:#000000;
	text-align:left;
	padding:30px 25px 20px 25px;
}
.text-orange {
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
	color:#f6a808;
	text-transform:uppercase;
	padding:10px 25px 10px 25px;
}
.text-black {
	font-family:Verdana;
	font-size:12px;
	color:#000000;
	padding:10px 25px 10px 25px;
}
.light-grey {
	font-family:Verdana;
	font-weight:bold;
	text-transform:uppercase;
	font-size:18px;
	color:#FFFFFF;
	background-color:#ccc9c7;
	padding:40px 25px 40px 25px;
	height:150px;
	position-relative;
}
.light-grey .arrow {
	position:absolute;
	right:-11px;
	top:67px;
	z-index:2;
}
.grey-235 {
	height:235px !important;
}
.grey-235 .arrow {
	position:absolute;
	right:-11px;
	top:100px;
	z-index:2;
}
.dark-grey {
	font-family:Verdana;
	font-size:14px;
	color:#FFFFFF;
	background-color:#bbb7b4;
	padding:30px 20px 10px 20px;
	height:150px;
	line-height:25px;
}
.dark-grey2 {
	font-family:Verdana;
	font-size:18px;
	color:#FFFFFF;
	font-weight:bold;
	text-transform:uppercase;
	background-color:#bbb7b4;
	padding:25px 15px 20px 15px;
	height:110px;
}
.dark-grey3 {
	font-family:Verdana;
	font-size:14px;
	color:#FFFFFF;
	background-color:#bbb7b4;
	padding:25px 15px 20px 15px;
	height:110px;
}
.dark-grey3 b {
	font-size:18px;
}
.title {
	font-family:Verdana;
	font-size:20px;
	color:#cd0002;
	font-weight:bold;
}
.subtitle {
	font-family:Verdana;
	font-size:10px;
	color:#000000;
}
.label-gar {
	text-transform:uppercase;
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
	color:#000000;
}
.label-gar-little {
	font-family:Verdana;
	font-size:12px;
	color:#000000;
}
.padding {
	padding:5px 0px;
}
.padding20 {
	padding:20px 0px;
}
.padding-left-35 {
	padding-left:35px;
}
.clear {
	height:40px;
}
.text-legend {
	font-family:Verdana;
	font-size:12px;
	color:#000000;
	padding:25px 20px 20px 15px;
}
.grey-block {
	width:160px;
	height:210px;
	background-color:#bbb7b4;
}
.grey-block img {
	margin-top:10px;
	margin-bottom:10px;
}
.grey-block div{
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
	text-transform:uppercase;
}
#progressbar {
	position:relative;
	display:inline-block;
	padding-left:15px;
	width:100%;
}
#progressbar  img {
	margin-right:20px;
}
#progressbar  a {
	font-family:Verdana;
	font-size:12px;
	width:100px;
	height:30px;
	line-height:30px;
	color:#FFFFFF;
	background-color:#bbb7b4;
	display:inline-block;
	text-align:center;
	text-decoration:none;
}
#progressbar  a.selected {
	background-color:#f6a808;
}
#progressbar  a.disabled {
	cursor:not-allowed;
}
#progressbar  div {
	width:24px;
	border: none;
	height:7px;
	color: #bbb7b4; /* old IE */
	background-color: #bbb7b4; /* Modern Browsers */
	display:inline-block;
	margin:0;
}
#progressbar  hr {
	width:24px;
	border: none;
	height:7px;
	color: #bbb7b4; /* old IE */
	background-color: #bbb7b4; /* Modern Browsers */
	display:inline-block;
	margin:0;
}
#progressbar  hr.selected {
	color: #f6a808; /* old IE */
	background-color: #f6a808; /* Modern Browsers */
}
#step1, #step4 {
	padding:20px 10px 20px 50px;
}
#step1 div.row, #step4 div.row {
	min-height:40px;
}
#step1 label, #step4 label {
	font-family:Verdana;
	font-size:12px;
	width:100px;
}
#step2 {
	max-width:565px;
	padding:20px 30px 20px 50px;
	font-family:Verdana;
	font-size:12px;
	margin-bottom:20px;
}
#step2 tr {
	height:30px;
}
#step2 thead tr:nth-child(1) {
	height:30px;
	border-bottom:solid 2px #FFFFFF;
}
#step2 th {
	text-align:center;
	background-color:#fbd589;
	font-weight:normal;
	vertical-align:top;
	padding-top:10px;
}
#step2 tr:nth-child(2) th:nth-child(5) {
	line-height:15px;
}
#step2 tr:nth-child(1) th:nth-child(1) {
	background-color:#FFFFFF;
}
#step2 th:nth-child(1) {
	text-align:left;
	padding-left:10px;
}
#step2 td {
	padding-top:3px;
	padding-right:2px;
}
#step2 td input[type="text"] {
	background-color:#dedddb;
	border:none;
	height:29px;
}
#step2 td input[name='dob'] {
	text-align:right;
	padding-right:2px;
}
#step2 td:nth-child(4), #step2 td:nth-child(5) {
	text-align:right;
	padding-right:20px;
}
#step2 tfoot tr:nth-child(1) td:nth-child(2) {
	text-align:right;
}
#step2 tfoot tr:nth-child(1) td:nth-child(3), 
#step2 tfoot tr:nth-child(1) td:nth-child(4) {
	text-align:right;
	padding-right:19px;
	background-color:#fbd589;
	border:solid 5px #FFFFFF;
	border-bottom:none;
}
#step2 tfoot tr:nth-child(2) td {
	text-align:center;
	background-color:#dedddb;
	border:solid 5px #FFFFFF;
	border-bottom:none;
}
#step2 tfoot tr:nth-child(2) td:nth-child(1) {
	text-align:right;
	font-weight:bold;
	background-color:#ffffff;
}
.light-grey .lowercase, .dark-grey2 .lowercase {
	text-transform:lowercase;
	font-weight:normal;
	font-size:14px;
	line-height:20px;
}
.orange-block {
	width:800px;
	height:50px;
	line-height:20px;
	font-family:Verdana;
	font-size:16px;
	color:#FFFFFF;
	font-weight:bold;
	background-color:#f6a808;
	text-align:center;
	padding:10px 0px;
}
.mentions {
	font-family:Verdana, sans-serif;
	font-size:11px;
	text-align:justify;
}
.error {
	color:red;
	font-weight:normal;
}
.label_timbre {
	text-align:left !important;
}
input.error {
	border:solid 1px red;
}
label.error {
	display:block;
	width:100% !important;
	font-size:12px;
}
#sansoption, #avecoption {
	padding:0;
	text-align:center;
}

.nom_label {
	font-size:15px;
}

#date {
	cursor:pointer;
}

.submit_button {
	padding:10px 20px;
	background-color:#FFFFFF;
	color:#cd0002;
	border:solid 1px #cd0002;
	font-weight:bold;
	font-size: 20px;
	text-decoration:none;
}

.submit_button:hover {
	background-color:#cd0002;
	color:#FFFFFF;
	text-decoration:none;
}

@media print {
	.no-print {display:none !important;}
}
select.ui-datepicker-year, select.ui-datepicker-month {
	color:#000000;
}

body { background-color:#FFFFFF; }

.form-check-label { cursor:pointer; }

.container { padding-top:0px !important; }
label { color:#000000; font-size:13px; font-family: Verdana, sans-serif !important; font-weight: normal !important; }
.label_check { font-weight:bold !important; }
.label_description { font-size:10px; font-weight:normal; }
.mini_label { font-size:10px; }
.content { color:#000000; background-color:#FFFFFF; font-size:16px; border-top: solid 2px #cd0002; font-family: Verdana, sans-serif !important; }
.content_autorisation { color:#000000; background-color:#FFFFFF; font-size:16px; font-family: Verdana, sans-serif !important; }
.callback { padding-left:25px !important;  }

@media only screen and (max-width: 770px) {
	.nom_label { margin-left:5px; }
	.div_cta_return { padding-bottom:20px; }
}

@media only screen and (max-width: 600px) { 
	.container { max-width:100% !important; }
	.header { max-width:100% !important; font-size:15px; }
	.w { width:100% !important; height:auto !important;}
	.div_cta_return { padding-bottom:20px; }
	.nom_label { margin-left:20px; }
	label { color:#000000;  padding:5px; padding-left:5px; font-size:13px;  }
	label.civilite { display:none;  }
	input[type=text] { /*width:95%;*/ padding:5px; margin:2px;  /*float:right; */ }
	input[type=checkbox] { margin:2px; }
	select[id=civilite] { width:95%; padding:5px; margin:2px; float:right;  }
	select[id=date] { width:95%; padding:5px; margin:2px; float:right;  }
	select[id=heure] { width:95%; padding:5px; margin:2px; float:right;  }
	.mentions { padding: 5px !important; }
	.title { font-size:12px !important; padding-top:10px !important; }
	.callback { padding-left:10px !important; }
	.callback input { display:inline-block; }
	.callback label { font-size:10px; display:inline;  }
	form { padding: 0 15px !important; }
}

@media only screen and (max-width: 400px) {
	.nom_label { margin-left:10px; }
}

/* base styles */
/*input[type="radio"],
input[type="checkbox"] {
	cursor:pointer;
    height: 1.2em;
    width: 1.2em;
    vertical-align: middle;
    margin: 0 0.4em 0.4em 0;
    border: 1px solid #000000;
    -webkit-appearance: none;
    -webkit-transition: box-shadow 200ms;
     box-shadow:inset 1px 1px 0 #fff, 2px 2px 0px #e82129;
}*/

/* border radius for checkbox */
/*input[type="checkbox"] {
    -webkit-border-radius:2px;
    border-radius:2px;
}*/

/* hover state */
/*input[type="radio"]:not(:disabled):hover,
input[type="checkbox"]:not(:disabled):hover {
    border-color:#000000;
}*/

/* active state */
/*input[type="radio"]:active:not(:disabled),
input[type="checkbox"]:active:not(:disabled) {
    border-color:#000000;
}*/

/* focus state */
/*input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline:none;
}*/

/* input checked border color */
/*input[type="checkbox"]:checked {
    border-color:#000000
}*/

/* radio checked */
/*input[type="radio"]:checked:before {
	font-weight: bold;
	color: #e82129;
	content: '\2713';
	-webkit-margin-start: 0;
	margin-left: 2px;
	font-size: 0.9em;
}*/

/* checkbox checked */
/*input[type="checkbox"]:checked:before {
	font-weight: bold;
	color: #e82129;
	content: '\2713';
	-webkit-margin-start: 0;
	margin-left: 2px;
	font-size: 0.9em;
}*/

/* disabled input */
input:disabled {
	opacity: .6;
	box-shadow: none;
	background: rgba(0, 0, 0, 0.1);
	box-shadow:none;
}

/* style label for disabled input */
input:disabled + label {
	opacity: .6;
	cursor:default;
	-webkit-user-select: none;
}

#modele, #famille, #concessionnaire {
	cursor: pointer;
}

/*#modele, #famille, #concessionnaire {
	max-width: 100%;
	width: 100%;
	margin: 5px;
	border: solid 1px #7c7c7c;
	border-radius: 5px;
	background-color: #FFFFFF;
	height: 26px;
	cursor: pointer;
}

#modele:disabled, #famille:disabled, #concessionnaire:disabled {
	opacity: .6;
	box-shadow: none;
	background: rgba(0, 0, 0, 0.1);
}*/