/*!
 * Theme BMW MOTORRAD
 * Author : FMA ASSURANCES 2018 -  Tous droits réservés 2018
 */

 @font-face{font-family:"mnm-font-bmw";font-style:normal;font-weight:400;src:url("../fonts/bmwtypewebbo_all.eot?#iefix") format("embedded-opentype"),url("../fonts/bmwtypewebbo_all.woff") format("woff"),url("../fonts/bmwtypewebbo_all.ttf") format("truetype"),url("../fonts/bmwtypewebbo_all.svg#mnm-font-bmw") format("svg"),local("Arial"),local("sans-serif")}
@font-face{font-family:"mnm-font-bmw";font-style:italic;font-weight:bold;src:url("../fonts/BMWTypeWebBoldAll-Italic.eot?#iefix") format("embedded-opentype"),url("../fonts/BMWTypeWebBoldAll-Italic.woff") format("woff"),url("../fonts/BMWTypeWebBoldAll-Italic.ttf") format("truetype"),url("../fonts/BMWTypeWebBoldAll-Italic.svg#mnm-font-bmw") format("svg"),local("Arial"),local("sans-serif")}
@font-face{font-family:"mnm-font-bmw";font-style:normal;font-weight:100;src:url("../fonts/bmwtypewebli_all.eot?#iefix") format("embedded-opentype"),url("../fonts/bmwtypewebli_all.woff") format("woff"),url("../fonts/bmwtypewebli_all.ttf") format("truetype"),url("../fonts/bmwtypewebli_all.svg#mnm-font-bmw") format("svg"),local("Arial"),local("sans-serif")}
 
/************** HEADER FIL D'ARIANE ******************/


.fmaform {
	font-family:"mnm-font-bmw";
	text-align:left;
	max-width: 100%;
}
.fmaform .titreDevis {
	font-family:"mnm-font-bmw";
    height: 75px;
}
.fmaform .ui-steps {
	font-family: Roboto,Trebuchet MS,Arial,Helvetica,sans-serif;
    position: relative;
   /*margin: 30px -10px 30px 20px;*/
}
.ui-tooltip {
    font-size: 12px;
	line-height:1.2em;
} 
.fmaform .ui-steps .ui-steps-item {
    position: relative;
   	height: 40px;
    margin: 0px;
	width:auto;
} 
.fmaform .ui-steps .ui-steps-number {
    left: 20px;
	border-radius: 50%;
	width: 25px;
	height: 25px; 
	background:#fff;
	top: 7px;
	font-size: 17px;
	font-weight:normal;
	line-height:1.6;
}

.fmaform.BMW .ui-steps .ui-steps-item.ui-state-highlight.ui-state-current, .fmaform.BMW .ui-steps .ui-steps-item.ui-state-highlight.ui-state-default {
    font-family: HDColton;
    color: #0062ff;
    border-top: solid #0062ff;
}

.fmaform .ui-steps .ui-steps-item.ui-state-highlight.ui-state-current {
    color: #c8ccd3;
    background: linear-gradient(to right, #888f99 0%,#495a64 100%);
    -webkit-clip-path: polygon(0% 0%, 96% 0, 100% 50%, 95% 100%, 0 100%);
    clip-path: polygon(0% 0%, 96% 0, 100% 50%, 95% 100%, 0 100%);
    margin-left: -15px;
    border-top: none !important;
}

.fmaform .ui-steps .ui-steps-item.ui-state-disabled {
    color: #ccc;
    border-top: none !important;
}

.fmaform .ui-steps .ui-steps-item.ui-state-highlight.ui-state-default {
	color: #c8ccd3;
    background: linear-gradient(to right, #888f99 0%,#495a64 100%);
	-webkit-clip-path: polygon(0% 0%, 96% 0, 100% 50%, 95% 100%, 0 100%);
	clip-path: polygon(0% 0%, 96% 0, 100% 50%, 95% 100%, 0 100%);
	margin-left: -15px;
}
.fmaform .ui-steps .ui-steps-item.ui-state-disabled {	
	color: #495a64;
    background: linear-gradient(to right, #f3f2f9 0%,#c8ccd3 100%);
	-webkit-clip-path: polygon(0% 0%, 96% 0, 100% 50%, 95% 100%, 0 100%);
	clip-path: polygon(0% 0%, 96% 0, 100% 50%, 95% 100%, 0 100%);
	margin-left: -15px;
}
.fmaform .ui-steps .ui-steps-title {
    font-weight: normal;
    font-size: 14px;
    display: block;
	font-family:"mnm-font-bmw";
	position: absolute;
    left: 63px;
    top: 10px;
	color:#fff;
	font-weight: lighter; 
}
.fmaform .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number {
    color: #495a64;
}
.fmaform .ui-steps .ui-steps-item.ui-state-disabled .ui-steps-number {
    color: #c8ccd3;
}
.fmaform p-autocomplete input {
    min-width: auto;
}


@media screen and (min-width: 992px) {
#formAngular{
     width: 95%;
	max-width:1170px;
}
.fmaform .ui-steps .ui-steps-item {
   	height: 40px;
   	width: 21% !important;
} 	
} 
@media screen and (max-width: 992px) {
#formAngular{
    width: 95%;
	max-width:1170px;
}
.fmaform .ui-steps .ui-steps-title {
    font-size: 13px;
}	
} 

@media screen and (max-width: 991px) and (min-width: 768px)  {
#formAngular{
    width: 92%;
}	
.fmaform .ui-steps .ui-steps-title {
    font-size: 12px;
}
.fmaform .ui-steps .ui-steps-item.ui-state-highlight.ui-state-current {
	height: 40px;
    width: 21% !important;
}
.fmaform .ui-steps .ui-steps-item.ui-state-highlight.ui-state-default {
	height: 40px;
    width: 21% !important;
}
.fmaform .ui-steps .ui-steps-item.ui-state-disabled {	
	height: 40px;
    width: 21% !important;
}
}

@media (min-width: 768px)
#formAngular{
    width: 92%;
}

@media screen and (max-width: 767px) and (min-width: 540px) {
#formAngular{
    width: 95%;
}
.fmaform .ui-selectbutton .ui-button.ui-state-default {
    width: 90%;
}
.fmaform .ui-steps .ui-steps-item.ui-state-highlight.ui-state-current {
	height: 40px;	
    width: 30% !important;
}
.fmaform .ui-steps .ui-steps-item.ui-state-highlight.ui-state-default {
	height: 40px;
    width: 18% !important;
}
.fmaform .ui-steps .ui-steps-item.ui-state-disabled {	
	height: 40px;
    width: 18% !important;
}
.fmaform .ui-selectbutton .ui-button.ui-state-default .ui-steps-title {
    display: none;
}
.fmaform .ui-steps .ui-steps-item.ui-state-disabled .ui-steps-title {
    display: none;
}
}

@media screen and (max-width: 539px) and (min-width: 376px) {
#formAngular{
    width: 92%;
}
.fmaform .ui-steps .ui-steps-item.ui-state-highlight.ui-state-current {
	height: 40px;
    width: 50% !important;
}
.fmaform .ui-steps .ui-steps-item.ui-state-highlight.ui-state-default {
	height: 40px;
    width: 13% !important;
}
.fmaform .ui-steps .ui-steps-item.ui-state-disabled {	
	height: 40px;
    width: 16% !important;
}
.fmaform .ui-steps .ui-steps-item.ui-state-disabled .ui-steps-title {
    display: none;
}
.fmaform .ui-steps .ui-steps-item.ui-state-disabled .ui-steps-number{
    display:block;
	color: #c8ccd3;
}
.fmaform .ui-steps .ui-steps-number {
    left: 30px;
}


}


@media screen and (max-width: 375px) {
#formAngular{
    width: 95%;
}
.fmaform .ui-steps .ui-steps-item.ui-state-highlight.ui-state-current{
    width: 55% !important;
}
.fmaform .ui-steps .ui-steps-item.ui-state-highlight.ui-state-default {
    width: 15% !important;
}
.fmaform .ui-steps .ui-steps-item.ui-state-disabled {
    width: 15% !important;
}
.fmaform .ui-steps .ui-steps-number {
    left: 20px;
}	
}






/********** FORMULAIRE DE SOUSCRIPTION ************/

/* fichiers communs */

.fmaform.BMW .ui-widget, .ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea {
    font-family:"mnm-font-bmw";
	color:#495963;
	font-weight: lighter; 
}
.fmaform.BMW {
    font-family:"mnm-font-bmw";
	color:#495963;
	font-weight: lighter; 
} 
.fmaform.BMW .slider .tooltip.top {
    z-index: 5;
}


.fmaform.BMW .permisDevis .ui-button-text {
    min-width: 140px;
}
.fmaform.BMW input[datepicker], .fmaform.BMW input[datepickerM] {
    background-position-y: 4px !important;
    background-position-x: 94px;
}

.fmaform.BMW .formButton {
	float:right;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 0;
	border: 1px solid #d91426;
    background: #d91426;
	color: #fff;
	font-weight: lighter; 
}  
.fmaform.BMW .ui-button-text-only .ui-button-text {
    /*padding: .8em 2em;*/
	font-weight: lighter; 
}
.ui-button-text-icon-right .ui-button-text {
    padding: .8em 3em 1em 1em !important;
	font-weight: lighter; 
}	
@media screen and (min-width: 540px) and (max-width: 1199px) {
/*span.ui-button-text.ui-clickable {
    padding: .8em 3em 1em 1em;
}*/
}

.fmaform .tableau .table>tbody>tr>td, .fmaform .tableau .table>tbody>tr>th, .fmaform .tableau .table>tfoot>tr>td, .fmaform .tableau .table>tfoot>tr>th, .fmaform .tableau .table>thead>tr>td, .fmaform .tableau .table>thead>tr>th {
        padding: 8px 0px;
}


.button-retour-step {
	color: #fff;
    font-size: 12px;
    padding: 3px 50px;
    font-weight: 500;
    text-transform: uppercase;
    background: #495963;
    cursor: pointer;
    position: relative;
    float: left;
    margin-top: 20px;
}

.button-retour-step :hover {
    color: #ccc;
}


/********** ETAPE 01 ***********/


.ui-fluid .ui-autocomplete, .ui-fluid .ui-autocomplete-input, .ui-fluid p-autocomplete {
    width: 80%;
}
@media screen and (max-width: 768px) {
.ui-fluid .ui-autocomplete, .ui-fluid .ui-autocomplete-input, .ui-fluid p-autocomplete {
	width: 100%;
}
}

@media screen and (min-width: 642px) and (max-width: 965px) {
/*.ui-g-12.ui-md-3.ui-g-noLeftRightPad {
        padding: .8em 2em;
}*/
.ui-g-12.ui-md-3.ui-g-noLeftRightPad.ng-star-inserted {
	margin-left: 50px;
}
}

.sliderDevis .valeur .sliderTexte {
    position: absolute !important;
    left: 20px !important;
    top: 8px !important;
    width: 93px !important;
    height: 32px !important;
    background-color: #fff !important;
    text-align: center !important;
    padding-top: 0.5em !important;
}
.sliderDevis .valeur input {
    position: absolute !important;
    left: 20px !important;
    top: 8px !important;
    width: 93px !important;
    height: 32px !important;
    background-color: #fff !important;
    text-align: center !important;
    padding-top: 0.5em !important;
}

.fmaform .sinistreDevis h1 {
    font-size: 21px !important;
}

/********** ETAPE 02 ***********/

.fmaform.BMW .tableau div.initial,
.fmaform.BMW .tableau div.valid {
	color: #495963 !important;
	font-weight: normal;
	font-size: 17px;
	font-weight: lighter; 
}
@media screen and (max-width: 540px) {
	.fmaform.BMW .tableau div.initial,
	.fmaform.BMW .tableau div.valid {
	font-size: 13px;
}
}
.fmaform .ticketTarif .souscrireTarif .souscrireButton {
     color: #fff;
	padding:0;
}
.fmaform .ticketTarif .souscrireTarif .grisButton {
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    padding: 4px;
    text-transform: uppercase;
    border-radius: 0;
    text-align: left;
    border-color: #313d44!important;
    background-color: #495963!important;
    color: #fff;
}
.fmaform .ticketTarif .souscrireTarif .grisButton:hover {
    color: #ccc;
}

.fmaform.BMW .infosformule {
    color: #0062FF !important;
	font-weight: 700 !important;
}
.fmaform.BMW .tableau div.ui-g-12.sousinfos {
    padding-top: 0;
    padding-left: 25px;
	font-weight: normal;
    color: #495963;
    text-align: left;
	font-size:12px;
	min-height: 30px;
	font-weight: lighter; 
}
.fmaform.BMW span.titreFormule {
    font-size: 24px;
    color: #0062FF;
    font-weight: 700;
    text-transform: uppercase;
}
.fmaform.BMW .ticketTarif .infosPrixTarif .texte {
    padding: 10px 5px 10px 25px;
    font-size: 12px;
}
.fmaform.BMW .ticketTarif .titreTarif {
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 700;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 5px 0px;
}
.fmaform.BMW .ticketTarif .valeurTarif {
    padding: 10px 60px 25px 25px;
    font-size: 12px;
}
.fmaform.BMW .tableau div.ui-g-12.infosformule {
    padding-bottom: 0;
    text-transform: uppercase;
    text-align: left;
    color: #0062FF !important;
}
.fmaform .tableau .table>tbody>tr>td.titreFranchises {
    text-align: left;
    font-weight: 500;
    padding: 6px;
    font-size: 1.0em;
    color: #0062FF;
}
@media screen and (min-width: 642px) and (max-width: 767px) {
button.souscrireButton.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-right span.ui-button-text.ui-clickable {
    padding-left: 5px;
}
}


.fmaform.BMW button.imprimer-tarif {
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    padding: 4px;
    text-transform: uppercase;
    border-radius: 0;
    text-align: left;
    border-color: #313d44 !important;
    background-color: #495963 !important;
    color: #fff;
}

.fmaform.BMW button.imprimer-tarif:hover {
    color: #ccc;
}

#media-info-tarif { display: none;} 

@media print  { 
	.ui-g-12 .ticketTarif, 
	.fmaform .lienComparatifs,
	.ui-steps.ui-widget.ui-helper-clearfix.ui-steps-readonly,
	.button-retour-step { 
		display: none;
	}
	#noprint,
	#header-devis, 
	#HP-infos,	
	#footer1,
	#HP-infos span,
	#FooterNav,
	#HP-choisir-honda, 
	#HP-choisir-honda h2, 
	#HP-choisir-honda p { 
		display: none;
	} 
	.fmaform.BMW .tableau .table-hover>tbody>tr.recommande{ 
		border-left: none;
	}
	.ui-g-12.etape.garantiesTarif.ng-star-inserted,
	.ui-g-12.etape.garantiesTarif.ng-star-inserted p,
	.fmaform.BMW .tableau div.initial,
	.fmaform.BMW .tableau div.valid,
	.fmaform .tableau.formule .tarif,
	.fmaform .tableau.gestionnaire .tarif,
	.fmaform .tableau.formule .tarif span,
	.fmaform .tableau.gestionnaire .tarif span,
	.fmaform .prixValeur {
		font-size: 11px !important; 
		padding:1px !important;
		margin:0px !important;
		page-break-after: avoid; 
		font-weight:normal !important;
	}
	.fmaform .prixValeur .centime {
    position: relative;
    top: -7px;
    left: -5px;
    display: inline-block;
    font-size: 9px;
	}
	.ui-g-12 {
    width: 100%;
    margin: 0px !important;
	padding:1px !important;
	}
	.fmaform .infosblock {
    padding: 5px 20px !important;
    margin: 20px 0px !important;
    background-color: #fcf7ed !important;
	}
	.fmaform.BMW span.titreFormule,
	.fmaform .tableau .table>tbody>tr>td.titreFranchises {
		font-size: 11px !important;
		padding:0px !important;
		margin:0px !important;
		page-break-after: avoid;
		color: #0062FF !important;
		font-weight:normal !important;
	}
	#noprint {
		font-size: 8px !important;
		padding:0px !important;
		margin:0px !important;
		page-break-after: avoid;
		color: #0062FF !important;
		font-weight:600 !important;
	}
	#media-info-tarif {
		display: inline-block;
	} 
	.fmaform.BMW .titreDevis {
		border-bottom: 2px solid #0062FF;
		padding: 0px !important;
		font-weight:normal !important;
	}
	.fmaform .tableau.formule .tarif, .fmaform .tableau.gestionnaire .tarif {
    font-size: 11px !important; 
		padding:1px !important;
		margin:0px !important;
		page-break-after: avoid; 
		font-weight:normal !important;
	}
}

.fmaform .infosblock {
    padding: 10px 25px;
    margin: 20px 0;
    background-color: #f2f2f2;
}
.fmaform .tableau .table-hover>tbody>tr.recommande {
    background-color: #f2f2f2;
}



button.bouton-comparatif-option {
    background: none;
    border: none;
	color: #495963;
	text-decoration:underline;
}

button.bouton-comparatif-option a:hover {
    color: #dc182d;
}

.fmaform .tableau.formule .tarif span, .fmaform .tableau.gestionnaire .tarif span {
    font-weight: lighter;
}
	
/********** ETAPE 03 ***********/

.fmaform .devis-form-group {
    background-color: #f9f9fa;
    padding: 30px 15px !important;
	margin-bottom: 20px;
}	
.connexionClient {
    background-color: #f9f9fa;
    padding: 15px 0 30px;
	min-height: 400px;
}
.connexionNouveauClient{
    background-color: #f9f9fa;
}
.connexionDejaClient{
    background-color: #f9f9fa;
}
.fmaform h3.titreConnexion {
	color: #495963;
    font-size: 18px !important;
    padding: 12px 0 20px 12px;
    font-weight: 600;
}
.fmaform h1.titreConnexion{
    color: #495963;
    font-size: 22px !important;
    padding-left: 20px;
}

.fmaform.BMW .ui-inputgroup .ui-inputgroup-addon:first-child {
    border: .07em solid #b4b8c0;
    border-radius: 0;
    padding: 0.6em 0.5em;
    min-width: 30px;
    border-bottom: .07em solid #b4b8c0;
    border-right: none;
    border-top: .07em solid #b4b8c0;
    border-left: .07em solid #b4b8c0;
}
i.fa.fa-mobile {
    border-radius: 0;
    padding: 0.6em 0.5em;
    border-right: none;
}
i.fa {
    margin-top: 4px;
}


.fmaform.BMW .partieBouton {
    position: relative;
    background: #f9f9fa;
    overflow: hidden;
    margin: 50px 10px 0 0;
    padding: 50px 80px;
    line-height: 1.5em;
    font-family:"mnm-font-bmw";
    border-radius: 20px 0 20px 20px;
    font-size: 12px;
}
.fmaform.BMW .partieBouton:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-width: 0 32px 32px 0;
    border-style: solid;
    border-color: #fff #fff #ececec #ececec;
    background: #ececec;
    box-shadow: 0 1px 1px rgba(0,0,0,.3), -1px 1px 1px rgba(0,0,0,.2);
    display: block;
    width: 0;
}
@media screen and (max-width: 540px) {
    .fmaform.BMW .partieBouton {
	line-height: 1.4em;
    font-size: 10px;
	 margin: 20px 10px 0 0;
    padding: 20px 20px;
	}
}


.ui-g-12.validationPart.center-button {
    padding: 20px 46px 20px 0;
    margin: 0 auto;
    width: 400px;
    float: none;
}

.fmaform .formButton.emailGestionnaire {
    height: auto;
    padding: 0;
    margin: 1px 10px!important;
}

.fmaform .partieConnexion h1.titreConnexion {
    padding: 0 30px !important;
    font-size: 16px!important;
}

/********** ETAPE 04 ***********/

.texte-notoppad {
    font-size: 12px;
    line-height: 1.5em;
}
.fmaform .ticketTarif .infosPrixTarif {
    font-size: 12px;
    line-height: 1.5em;
}

.fmaform.BMW .tableau table {
    display: table;
    background: none;
    border: 0;
    margin: 0 0 20px 10px;
    text-align: center;
    width: 98%;
}
.fmaform .prixValeur {
    display: inline-block;
    position: relative;
    font-size: 18px;
    font-weight: 700;
    color: #495963;
    padding: 0px;
    white-space: nowrap;
	font-weight: lighter; 
}
.fmaform .tableau .choix .titre {
    font-size: 12px;
    padding: 0px;
    text-transform: uppercase;
    font-weight: 500;
    white-space: nowrap;
}

@media screen and  (min-width: 790px) and (max-width: 992px) {
.mois {
    font-size: 9px;
}
.fmaform .tableau .choix .titre {
    font-size: 12px;
    padding: 0px;
}
.fmaform .tableau .table>tbody>tr>td, .fmaform .tableau .table>tbody>tr>th, .fmaform .tableau .table>tfoot>tr>td, .fmaform .tableau .table>tfoot>tr>th, .fmaform .tableau .table>thead>tr>td, .fmaform .tableau .table>thead>tr>th {
    vertical-align: middle;
    padding: 10px 2px;
}
.fmaform .prixValeur {
    font-size: 10px;
    font-weight: 500;
    padding: 0px;
}
.fmaform .prixValeur .centime {
    position: relative;
    top: -7px;
    left: -5px;
    display: inline-block;
    font-size: 7px;
}
}
@media screen and  (max-width: 790px){
.fmaform .tableau.echeancier.desktop {
    display: none;
}
.fmaform .tableau.echeancier.mobile {
    display: initial !important;
}
}

.fmaform .reglement .titre {
    text-transform: uppercase;
    font-size: 16px;
    padding: 15px;
    font-family:"mnm-font-bmw";
}

.ui-dropdown .ui-dropdown-label {
    display: block;
    border: 0;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 400;
    width: 100%;
    padding: .6em 1em;
}


.ui-g-12.validationPart .center-button {
    padding: 20px 46px 20px 0;
    margin: 0 auto;
    width: 400px;
    float: none;
}
button.formButton.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left {
    /*float: none;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 0;
    padding: .8em 3em 1em 2em;*/
}
.note {
    position: relative;
    padding: 1em 1.5em;
    background: #f9f9fa;
    overflow: hidden;
}
button.formButton.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-right.center-button {
    float: none;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 0;
    padding: .8em 3em 1em 2em;
	margin-top: 40px;
}

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    padding: .6em 1em;
}
.fmaform .documents .telecharger {
    cursor: pointer;
    text-decoration: underline;
    text-transform: lowercase;
}


.fmaform .documents .telecharger:hover {
    color:#0062ff;
}


.ui-g-12.prelevement.ng-star-inserted {
    padding-top: 40px;
}

li.ui-g-12.ui-md-12.ui-g-nopad {
    margin-left: 50px;
}

/********** ETAPE 05 ************/	
	
	
	
	

/********** ETAPE 05 ************/	


.ui-g.form-group.titreValidation,
.ui-g.form-group.texteSolde {
    color: #495963;
    font-size: 18px !important;
    padding: 12px 0 20px 12px;
    font-weight: 600;
}
.ui-g.form-group.pieceTelecharger {
    width: 90%;
	font-size:14px;
}

.envoiCourrier {
    background-color: #202020 !important;
    padding: 15px 30px 30px !important;
    color: #fff !important;
    font-size: 14px !important;
}
.envoiCourrier a {
    color: #0062ff;
    font-size: 14px !important;
}
.envoiCourrier .titre {
    font-size: 14px !important;
}


.ui-button-icon-only .fa {
    top: 50%;
    left: 50%;
    margin-top: -.5em;
    margin-left: -.6em;
    color: #fff;
}
.ui-widget-header .ui-button, .ui-widget-content .ui-button, .ui-widget.ui-button, .ui-button {
    border: 1px solid #0062ff;
    background: #0062ff;
}
.ui-fileupload-choose:not(.ui-state-disabled):hover, .ui-fileupload-choose.ui-state-focus {
    border: 1px solid #ccc;
    background: #ccc;
    outline: 0 none;
    color: #ffffff;
}
span.ui-fileupload-choose.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left {
    color: #fff;
}

/********** MODULE TIMOUT ************/		
	


.ui-progress-spinner-svg{
	-webkit-animation:ui-progress-spinner-rotate 2s linear infinite;
	animation:ui-progress-spinner-rotate 2s linear infinite;
	height:100%;-webkit-transform-origin:center center;
	transform-origin:center center;
	width:100%;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto auto auto -40px;
}
.ui-progress-spinner-circle{stroke-dasharray:1,200;stroke-dashoffset:0;-webkit-animation:ui-progress-spinner-dash 1.5s ease-in-out infinite,ui-progress-spinner-color 6s ease-in-out infinite;animation:ui-progress-spinner-dash 1.5s ease-in-out infinite,ui-progress-spinner-color 6s ease-in-out infinite;stroke-linecap:round}
@-webkit-keyframes ui-progress-spinner-rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes ui-progress-spinner-color{0%,to{stroke:#0062FF;}50%{stroke:#0062FF;}}@keyframes ui-progress-spinner-color{0%,to{stroke:#0062FF;}50%{stroke:#0062FF;}}






/*********** PICTOGRAMMES TITRES SVG A CONSERVER - TROP DE TEINTES ************/
/*
/* .titreSignature-Check {
	top: auto;
    width: 80px;
    height: 40px;
    margin-left: 50px;
    margin-top: -15px;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 40"><path fill="#C7C7C7" d="M33.778,21.035c-4.201,0-7.598,3.396-7.598,7.595s3.396,7.595,7.598,7.595c4.192,0,7.597-3.396,7.6-7.595	C41.375,24.432,37.971,21.035,33.778,21.035z M33.778,34.32c-3.145-0.008-5.688-2.549-5.689-5.69	c0.002-3.144,2.545-5.685,5.689-5.69c3.139,0.006,5.685,2.549,5.688,5.69C39.463,31.771,36.917,34.312,33.778,34.32z"/><path fill="#0062ff" d="M40.487,21.562c-0.439-0.285-1.028-0.16-1.312,0.28l-4.929,7.608l-2.419-3.176h-2.373l0.063,0.1l4.035,5.305	c0.18,0.234,0.461,0.373,0.757,0.373h0.035c0.308-0.012,0.593-0.175,0.761-0.435l5.665-8.742	C41.055,22.438,40.928,21.85,40.487,21.562z"/></svg>')
}

.titreSignature-Uncheck {
	top: auto;
    width: 80px;
    height: 40px;
    margin-left: 50px;
    margin-top: -15px;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 40"><g>	<path fill="#C7C7C7" d="M33.778,21.035c-4.201,0-7.598,3.396-7.598,7.595c0,4.199,3.396,7.595,7.598,7.595		c4.191,0,7.596-3.396,7.6-7.595C41.374,24.432,37.97,21.035,33.778,21.035z M33.778,34.32c-3.145-0.008-5.688-2.549-5.689-5.69		c0.002-3.144,2.545-5.685,5.689-5.69c3.139,0.006,5.684,2.55,5.688,5.69C39.462,31.771,36.917,34.312,33.778,34.32z"/>	<path fill="#C7C7C7" d="M35.722,24.997l-1.943,1.942l-1.943-1.942c-0.232-0.233-0.611-0.233-0.844,0l-0.846,0.845		c-0.232,0.232-0.232,0.611,0,0.844l1.945,1.943l-1.945,1.944c-0.232,0.233-0.232,0.61,0,0.844l0.846,0.845		c0.232,0.234,0.611,0.234,0.844,0l1.943-1.941l1.943,1.941c0.234,0.234,0.611,0.234,0.846,0l0.844-0.845		c0.234-0.231,0.234-0.61,0-0.844l-1.943-1.944l1.943-1.943c0.234-0.23,0.234-0.609,0-0.844l-0.844-0.845		C36.333,24.764,35.956,24.764,35.722,24.997z"/></g></svg>')
}
.titreTransfer-Check {
	top: auto;
    width: 80px;
    height: 40px;
    margin-left: 50px;
    margin-top: -15px;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 40"><path fill="#C7C7C7" d="M33.778,21.035c-4.201,0-7.598,3.396-7.598,7.595s3.396,7.595,7.598,7.595c4.192,0,7.597-3.396,7.6-7.595	C41.375,24.432,37.971,21.035,33.778,21.035z M33.778,34.32c-3.145-0.008-5.688-2.549-5.689-5.69	c0.002-3.144,2.545-5.685,5.689-5.69c3.139,0.006,5.685,2.549,5.688,5.69C39.463,31.771,36.917,34.312,33.778,34.32z"/><path fill="#0062ff" d="M40.487,21.562c-0.439-0.285-1.028-0.16-1.312,0.28l-4.929,7.608l-2.419-3.176h-2.373l0.063,0.1l4.035,5.305	c0.18,0.234,0.461,0.373,0.757,0.373h0.035c0.308-0.012,0.593-0.175,0.761-0.435l5.665-8.742	C41.055,22.438,40.928,21.85,40.487,21.562z"/></svg>')
}

.titreTransfer-Uncheck {
	top: auto;
    width: 80px;
    height: 40px;
    margin-left: 50px;
    margin-top: -15px;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 40"><g>	<path fill="#C7C7C7" d="M33.778,21.035c-4.201,0-7.598,3.396-7.598,7.595c0,4.199,3.396,7.595,7.598,7.595		c4.191,0,7.596-3.396,7.6-7.595C41.374,24.432,37.97,21.035,33.778,21.035z M33.778,34.32c-3.145-0.008-5.688-2.549-5.689-5.69		c0.002-3.144,2.545-5.685,5.689-5.69c3.139,0.006,5.684,2.55,5.688,5.69C39.462,31.771,36.917,34.312,33.778,34.32z"/>	<path fill="#C7C7C7" d="M35.722,24.997l-1.943,1.942l-1.943-1.942c-0.232-0.233-0.611-0.233-0.844,0l-0.846,0.845		c-0.232,0.232-0.232,0.611,0,0.844l1.945,1.943l-1.945,1.944c-0.232,0.233-0.232,0.61,0,0.844l0.846,0.845		c0.232,0.234,0.611,0.234,0.844,0l1.943-1.941l1.943,1.941c0.234,0.234,0.611,0.234,0.846,0l0.844-0.845		c0.234-0.231,0.234-0.61,0-0.844l-1.943-1.944l1.943-1.943c0.234-0.23,0.234-0.609,0-0.844l-0.844-0.845		C36.333,24.764,35.956,24.764,35.722,24.997z"/></g></svg>')
}
.fmaform.BMW .FormUserCheck {
	position: relative;
	top: auto;
   	width: 80px;
    height: 40px;
	margin: -8px -20px;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 40"><g>	<path fill="#C7C7C7" d="M29.756,10.738c-6.26,0-11.32,5.058-11.32,11.315c0,6.254,5.061,11.313,11.32,11.313		c6.243,0,11.316-5.06,11.321-11.313C41.072,15.796,35.999,10.738,29.756,10.738z M29.756,30.532		c-4.686-0.015-8.474-3.798-8.479-8.479c0.005-4.684,3.793-8.469,8.479-8.479c4.677,0.009,8.47,3.795,8.474,8.479		C38.226,26.734,34.433,30.518,29.756,30.532z"/>	<path fill="#0062ff" d="M31.276,25.6l4.62-7.591c0.593-0.979,0.259-2.241-0.757-2.819l0,0c-1.007-0.577-2.301-0.247-2.896,0.728		l0,0l-2.736,4.496L21.875,7.045c-0.562-0.99-1.854-1.35-2.882-0.805l0,0c-1.023,0.55-1.4,1.807-0.828,2.798l0,0l9.428,16.515		c0.36,0.649,1.057,1.047,1.823,1.061l0,0c0.009,0,0.026,0,0.031,0l0,0C30.198,26.613,30.895,26.229,31.276,25.6L31.276,25.6z"/></g></svg>')
}
.fmaform.BMW .FormUserUncheck {
	position: relative;
	top: auto;
   	width: 80px;
    height: 40px;
	margin: -8px -20px;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 40"><g>	<path fill="#C7C7C7" d="M29.756,10.738c-6.26,0-11.32,5.058-11.32,11.315c0,6.254,5.061,11.313,11.32,11.313		c6.243,0,11.316-5.06,11.321-11.313C41.072,15.796,35.999,10.738,29.756,10.738z M29.756,30.532		c-4.686-0.015-8.474-3.798-8.479-8.479c0.005-4.684,3.793-8.469,8.479-8.479c4.677,0.009,8.47,3.795,8.474,8.479		C38.226,26.734,34.433,30.518,29.756,30.532z"/></g></svg>')
} */
*/
.boutonRepriseOui{
 	padding: .25em 1em .25em 2.1em;
    display: block;
    line-height: normal;
    color: #fff !important;
    font-size: 1em !important;
    border: 1px solid #0062ff !important;
    background: #0062ff !important;
    float: right;
	margin: 0 35px 20px 0;
}
:hover.boutonRepriseOui {
    background: #004fc1 !important;
}
.boutonRepriseNon {
 	padding: .25em 1em .25em 2.1em;
    display: block;
    line-height: normal;
    color: #fff !important;
    font-size: 1em !important;
    border: 1px solid #ccc !important;
    background: #ccc !important;
    float: left;
	margin: 0 0 20px 35px;
}

:hover.boutonRepriseNon{
    background: #333 !important;
}
@media screen and  (max-width: 380px){
.confirmationReprise button.boutonRepriseOui{
 	margin: 0 0 20px 0;
}

.confirmationReprise button.boutonRepriseNon {
	margin: 0 0 20px 0;
}
}