html {padding: 0; margin: 0; font-family: 'Ubuntu', sans-serif; color: #000;}
body {margin: 0px; padding: 0px; background: url(../img/bgBody.png) center top no-repeat #fff; min-height: 100%;}
a {color: inherit;}
a:hover {color: inherit; text-decoration: none;}
.spacer {clear: both;}
input:focus,select:focus,textarea:focus,button:focus {outline: none;}
.img-center {margin-left: auto; margin-right: auto;}

.rev-title {text-transform: uppercase; font-size: 1.4em; font-weight: 200; text-align: center; padding: 10px 0px 15px 0px; margin: 0px 0px 15px 0px; color: #737373; border-bottom: 1px solid #f2f2f2}
.rev-cont {background: #f2f2f2; padding: 30px; margin-top: 20px;}
.rev-row {margin-bottom: 15px;}
.rev-label {color: #191919; font-size: 1.1em; padding-top: 8px; padding-bottom: 8px;}
.rev-row span.item-radio {margin-right: 15px; color: #868686; display: inline-block; padding: 8px 0px;}
.rev-row span.item-radio input {margin-right: 3px;}
.rev-row select.input-select {-webkit-appearance: none; border: 1px solid #cecece; background: #fff url(../img/icnSelect.png) right 10px center no-repeat; -moz-appearance: none; appearance: none; border-radius: 0px; width: 100%; padding: 8px 10px; display: block; border-radius: 0px; font-size: 1em;}
.rev-row a {color: #7b7b7b; font-size: 0.9em; border-bottom: 1px solid #7b7b7b;}

#header {width: 100%; height: 150px; background: url(../img/bgHeader.jpg) center bottom no-repeat; background-size: cover; position: relative; z-index: 1; padding-top: 120px;}
#header:after {position: absolute; width: 100%; height: 150px; background: -moz-linear-gradient(top,  rgba(62,116,185,0) 0%, rgba(62,116,185,1) 100%); background: -webkit-linear-gradient(top,  rgba(62,116,185,0) 0%,rgba(62,116,185,1) 100%); background: linear-gradient(to bottom,  rgba(62,116,185,0) 0%,rgba(62,116,185,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003e74b9', endColorstr='#3e74b9',GradientType=0 ); content: '.'; overflow: hidden; text-indent: 5000px; left: 0px; top: 0px;}
#header > div.container {position: relative; z-index: 10;}
#header > div.container > a {color: #fff;}

.container-content > div.container {position: relative;}
.container-content > #logo {width: 200px; height: 210px; display: block; position: absolute; margin-left: -100px; left: 50%; margin-top: -120px; background: url(../img/imgLogo.png) center center no-repeat; z-index: 100;}
.container-content div#content {padding-top: 110px;}

#title {text-align: center;}
#title h1 {text-transform: uppercase; font-weight: 300; font-size: 1.8em; padding: 0px; margin: 0px;}
#title h3 {font-weight: 500; font-size: 1.2em; padding: 0px; margin: 10px 0px 0px 0px;}
#title h4 {font-weight: 300; font-size: 1.2em; padding: 0px; margin: 10px 0px 0px 0px;}
#title p {font-size: 1.2em; margin: 10px 0px; font-weight: 300;}

#instructions {background: #f3f3f3; border-radius: 30px; padding: 60px 30px 30px 30px; margin-top: 70px; text-align: center; font-size: 1.2em; font-weight: 300;}
#instructions span.instr-icn {background: #3e74b9; border-radius: 50%; width: 80px; height: 80px; display: block; margin-left: auto; margin-right: auto; position: absolute; top: 0px; margin-top: -100px; margin-left: -40px; left: 50%; background-position: center center; background-repeat: no-repeat;}
#instructions span.instr-icn.icn01 {background-image: url(../img/icn01.png);}
#instructions span.instr-icn.icn02 {background-image: url(../img/icn02.png);}
#instructions span.instr-icn.icn03 {background-image: url(../img/icn03.png);}

#disclaimer {margin: 20px 0px; text-align: center; font-weight: 300;}
#disclaimer strong {display: block; color: #e74762;}

.formSection {margin-top: 60px;}
.formSection h3 {text-align: center; text-transform: uppercase; color: #3e74b9; font-weight: 300; padding: 0px; margin: 0px 0px 20px 0px;}
.formSection h3 strong {color: #e74762;}

.formRow {margin: 20px 0px;}
.formRow label {display: block; margin-bottom: 5px; font-weight: 500; color: #adadad;}
.formRow label.error {color: #ff1719; font-weight: 500; margin-top: 5px; font-size: 0.9em;}
.formRow label > input {margin-right: 4px;}
.formRow i.indications {font-size: 0.8em; color: #adadad; display: block; margin-top: 5px;}
.formRow select.input-select {-webkit-appearance: none; border: 1px solid #e8e8e8; background: #f3f3f3 url(../img/icnSelect.png) right 12px center no-repeat; -moz-appearance: none; appearance: none; border-radius: 20px; width: 100%; padding: 8px 20px; display: block; font-size: 1em;}
.formRow select.input-select.error {border: 1px solid #ff0406;}
.formRow .input-text {display: block; width: 100%; padding: 5px; border: 1px solid #e8e8e8; padding: 8px 20px; border-radius: 20px; background: #f3f3f3;}
.formRow .input-text:disabled {color: #333;}
.formRow .input-text.error {border: 1px solid #ff0406;}
.formRow span.radio-cont {margin-right: 15px; color: #adadad; font-weight: 500;}
.formRow span.radio-cont input {margin-right: 2px;}
.formCol.error input {border: 1px solid #ff0406 !important;}
.formSubmit {margin-bottom: 40px; text-align: center;}
.formSubmit > input {display: inline-block; background: #e74762; border:none; color: #fff; text-transform: uppercase; font-size: 1.6em; padding: 15px 40px; border-radius: 10px; box-shadow: 0px 3px 0px #f2f2f2;}
.formSubmit > input:hover {background: #ea687e}

#contact {text-align: center; margin-bottom: 30px; font-size: 1em;}
#contact a {font-style: italic; color: #e74762;}

#footer {height: 62px; background: url(../img/imgFooter.png) center 4px no-repeat; width: 100%; position: relative; border-bottom: 20px solid #3e74b9;}
#footer:after {content: '.'; overflow: hidden; text-indent: 5000px; background: #e74762; width: 40%; left: 0px; bottom: 0px; height: 5px; position: absolute; z-index: -1; border-right: 30px solid #f191a1;}

.sectionFinance {margin-bottom: 30px;}
.sectionFinance h4 {text-transform: uppercase; padding: 0px; margin: 0px; color: #3e74b9;}
.sectionFinance h4 i {text-transform: none; font-style: normal;}
.sectionFinance h5 {padding: 0px; margin: 5px 0px; font-weight: 300; font-size: 1.2em;}
.sectionFinance div.finCheck {margin: 20px 0px 0px 0px;}
.sectionFinance div.finCheck h5 {font-weight: 400; margin: 0px 0px 10px 0px}
.sectionFinance span {margin: 5px 0px; display: block; color: #adadad; font-weight: 500;}
.sectionFinance span input {margin-right: 5px;}
.sectionFinance p {font-size: 1.1em; font-weight: 300; margin: 0px; padding: 0px;}
.sectionFinance p strong {color: #e74762;}
.sectionFinance p.paddingtop {padding: 10px 0px 0px 0px;}
.engagFinance {font-size: 1em; margin-top: 30px;}
.input_engagFinance {display: inline-block; border: none; margin: 0px 10px; padding: 0px 5px; border-bottom: 1px solid #3e74b9; width: 300px;}
.input_engagFinance.min {width: 80px;}
.input_engagFinance.medium {width: 130px;}
#reglementInt {padding: 30px; border: 1px solid #3e74b9; overflow-x: scroll; height: 300px; border-radius: 10px;}
#reglementInt p {padding: 0px; margin: 0px 0px 15px 0px;}
#reglementInt p:last-child {margin-bottom: 0px;}
#reglementInt p b {font-weight: 400;}

.engagFinance p {line-height: 2em; display: block; margin: 15px 0px;}

.engagFinanceCadre {border: 1px solid #b1b5b6; padding: 30px; border-radius: 10px;}
.engagFinanceCadre p {padding: 0px; margin: 0px 0px 15px 0px;}
.engagFinanceCadre p:last-child {margin-bottom: 0px;}
#engagCheckbox {margin-top: 20px;}
#engagCheckbox span {margin-bottom: 15px; font-weight: 400; color: #000; font-size: 1.1em;}

.rowFin {padding-top: 20px;}
.rowFin h5 {font-weight: 400;}

.modal-backdrop {background: #fff; filter: alpha(opacity=80) !important; opacity: .8 !important}
.modal-content {border-radius: 0px; -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .2); box-shadow: 0 5px 15px rgba(0, 0, 0, .2); border: none; position: relative; border-left: 2px solid #3e74b9; border-top: 2px solid #3e74b9; border-right: 2px solid #3e74b9; border-bottom: 20px solid #3e74b9; padding: 30px 0px; position: relative;}
.modal-content:after {content: '.'; overflow: hidden; text-indent: 5000px; background: #e74762; width: 40%; left: 0px; bottom: 0px; height: 5px; position: absolute; z-index: 10000; border-right: 30px solid #f191a1;}
.modal-content:before {content: '.'; overflow: hidden; text-indent: 5000px; background: url(../img/imgFooter.png) center 4px no-repeat; background-size: 100% 100%; width: 200px; left: 50%; bottom: 0px; height: 50px; position: absolute; z-index: 12000; margin-left: -100px;}
.modal-content button.close {color: #3e74b9; font-size: 3em; line-height: 1em; position: absolute !important; right: 20px !important; top: -20px !important;}
.modal-content h3 {text-align: center; text-transform: uppercase; color: #000; font-weight: 300; padding: 0px; margin: 0px 0px 0px 0px; font-size: 2em}
.modal-content h3 strong {color: #e74762;}
.modal-content p {font-size: 1.2em; font-weight: 300; text-align: center; padding: 30px 100px;}
.modal-content p strong {color: #3e74b9;}
.modal-content div#confirmsteps {padding: 30px 60px;}
.modal-content li {list-style-type: none;}
.confirmstepItem {font-size: 1.2em; font-weight: 300; padding: 2px 0px;}
.confirmstepItem span {display: inline-block; margin-right: 20px;}

/* XS */
@media (max-width: 767px) {
	.modal-content p {padding: 15px 20px; font-size: 1em; font-weight: normal;}
	.modal-content div#confirmsteps {padding: 15px 20px;}
	.formRow {margin: 0px 0px;}
	.formCol {padding: 10px 15px;}
	.input_engagFinance {display: block; width: 100%; margin: 5px 0px;}
	.input_engagFinance.min {display: inline-block;}
	.engagFinance p {line-height: 1.6em}
	#header {padding-top: 15px;}
	#title {font-size: 0.9em;}
	.sectionFinance p {font-size: 1em;}
	#.sectionFinance h5 {font-size: 1.1em;}
	#instructions > div.row > div.col-sm-4 {padding: 20px 20px 20px 80px; font-size: 0.9em; position: relative !important;}
	#instructions > div.row > div.col-sm-4 > span {left: 20px; top: 50% !important; margin-top: -20px; margin-left: 0px; width: 40px; height: 40px; background-size: 20px 20px;}
	#instructions {padding: 0px 15px;}
}

/* SM */
@media (min-width: 768px) and (max-width: 991px) {
	#instructions {font-size: 1em;}
	.modal-content p {padding: 15px 20px; font-size: 1em; font-weight: normal;}
	.modal-content div#confirmsteps {padding: 15px 20px;}
}

/* MD */
@media (min-width: 992px) and (max-width: 1199px) {
	#formContent {width: 700px; margin: 0px auto;}
	.modal-dialog {width: 700px}
}

/* LG */
@media (min-width: 1200px) {
	#instructions div.col-sm-4 {padding: 0px 40px !important;}
	#formContent {width: 700px; margin: 0px auto;}
	.modal-dialog {width: 865px}
}