.min-width-98{
    min-width: 98px ! important;
}
body {
	/*margin-top: 20px;*/
}
.no-padding{
	padding:0px;
}
.no-margin{
	margin:0px;
}
.retourligne{
    white-space: pre-wrap;
    margin: 8px;
}
.user-connected{
	font-weight:bold;
	color:#333;
	text-align: right;
	margin-right: 5px;
}
.title{
	font-size: 1.35em;
	font-weight: 700;
    line-height: 1em;
    margin: 0 0 0.9em 0;
	color: #666;
}
.title-small{
	font-size: 1.35em;
	font-weight: 300;
    line-height: 1em;
    margin: 0 0 0.9em 0;
	color: #666;
}
.separator{
	min-height: 10px;
}
.input-default{
	border: 2px solid #e6e6e6;
	background-color: #e6e6e6;
	height: 40px;
	width: 100%;
	padding-left: 7px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #666;
	vertical-align: top;
	border-radius: 0;
	-webkit-appearance: none;
	padding-top: 5px;
	
}
.input-default:focus {
			-moz-animation: focus 0.1s;
			-webkit-animation: focus 0.1s;
			-ms-animation: focus 0.1s;
			animation: focus 0.1s;
			/*background-color: rgba(255, 255, 255, 0.125);*/
			border-color: #e10031;
}


/*******************************
ANIMATION FOCUS 
********************************/
@-moz-keyframes focus {
		0% {
			-moz-transform: scale(1);
			-webkit-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
		}

		50% {
			-moz-transform: scale(1.025);
			-webkit-transform: scale(1.025);
			-ms-transform: scale(1.025);
			transform: scale(1.025);
		}

		100% {
			-moz-transform: scale(1);
			-webkit-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
		}
	}
@-webkit-keyframes focus {
		0% {
			-moz-transform: scale(1);
			-webkit-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
		}

		50% {
			-moz-transform: scale(1.025);
			-webkit-transform: scale(1.025);
			-ms-transform: scale(1.025);
			transform: scale(1.025);
		}

		100% {
			-moz-transform: scale(1);
			-webkit-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
		}
	}
@-ms-keyframes focus {
		0% {
			-moz-transform: scale(1);
			-webkit-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
		}

		50% {
			-moz-transform: scale(1.025);
			-webkit-transform: scale(1.025);
			-ms-transform: scale(1.025);
			transform: scale(1.025);
		}

		100% {
			-moz-transform: scale(1);
			-webkit-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
		}
	}
@keyframes focus {
		0% {
			-moz-transform: scale(1);
			-webkit-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
		}

		50% {
			-moz-transform: scale(1.025);
			-webkit-transform: scale(1.025);
			-ms-transform: scale(1.025);
			transform: scale(1.025);
		}

		100% {
			-moz-transform: scale(1);
			-webkit-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
		}
	}
/******************************/
/* STEP WIZARD */
/******************************/
.stepwizard-step p {
    margin-top: 10px;
    color:"#676767"
}
.stepwizard-row {
    display: table-row;
}
.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}
.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}
.stepwizard-row:before {
    top: 20px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;
    right: 0px;
}
.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}
.btn-circle {
    width: 40px;
    height: 40px;
    text-align: center;
    padding: 6px 0;
    font-size: 14px;
    line-height: 1.65;
    border-radius: 20px;
	color: #fff;
    background-color: #DF0C36;
    border-color: #DF0C36;
    font-family: Roboto, sans-serif;
    font-weight: bold;
    
}
.btn-circle:hover{
	color: #fff;
    background-color: #DF0C36;
    border-color: #DF0C36;
}
.btn-circle[disabled]{
	opacity: 1;
	color: #000;
    background-color: #fff;
    border-color: #ccc;	
}



/******************************/
/* RESPONSIVE TABLE */
/******************************/
.center {
  margin: 0 auto;
  width: 80%;
}
.table-fluid {
    border-collapse: collapse;
    border-spacing: 2px 2px;
    border-color: #FFFFFF;
    font-family:Roboto, sans-serif;
    font-size: 16px;
	vertical-align: center !important;
}
.table-fluid tbody tr:nth-child(even){
    background: #F2F2F2;
}
.table__wrapper {
  width: 100%;
}
.table__wrapper .table-fluid {
  width: 100%;
  max-width: 100%;
}
.table-fluid tr {
  /*border-bottom: 1px solid #f0f0f0;*/
}
.table-fluid thead tr th:first-child {
  /* border-left: 1px solid #df0c36;*/
}
.table-fluid thead tr th {
    background-color: #FFFFFF;
    font-weight: normal;
    letter-spacing: 0.000000em;
    text-align: center;
    text-indent: 0px;
    vertical-align: middle;
    height: 28px;
    border: 0px;
    padding: 13px 13px;
    /*
        color: #fff;
        border-right: 1px solid #fff; 
    */
    /*  border-bottom: 2px solid #f0f0f0;*/
    /*    color: #FFFFFF;*/
    border: 1px solid #727274;
    color: #666;
    font-family: Roboto;
    font-size: 19.56px;
}
.table-fluid thead tr th.novisible {
   background-color: #fff;
   border-color: #fff;
}
.table-fluid thead tr th.novisiblemaroc {
   background-color: #F8F8F8;
   border-color: #F8F8F8;
}
.table-fluid thead tr th.bordervisible {
   border-right:1px solid #df0c36 !important;
}
.table-fluid tbody tr td,th {
    border: 1px solid #727274;
	color:#666;
    background-color: #FFFFFF;
}
.table-fluid thead th {
    border: 1px solid #fff;
}
.table-fluid td,
.table-fluid th {
  padding: .5em;
}
.table-fluid th {
  text-align: left;
}
.table-fluid tbody tr th.index{
	width:90px;
}
.table-fluid tbody tr td.longColumn{
	width:200px;
}
@media screen and (max-width:991px) {
  .table-fluid {
    margin: 0 auto;
    width: 100%;
    border-spacing: 0;
  }
  .table-fluid thead {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
       color: #FFFFFF;
  }
  .table-fluid tbody,
  .table-fluid tr,
  .table-fluid th,
  .table-fluid td {
    display: block;
    padding: 0;
    text-align: left;
    white-space: normal;
  }
  .table-fluid tr td,
  .table-fluid tr th {
    padding: 2em 1em;
    vertical-align: middle;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    border: 1px solid #EDF0F1;
    border-top: none;
    width: 100%;
    white-space: normal;
  }
  .table-fluid th[scope="row"] {
    width: 100%;
    text-align: center;
    display: block;
    background-color: #df0c36;
    margin: 0 auto;
    padding: .5em 0;
	color:white;
  }
  .table-fluid tbody tr th.index{
		width:100%;
	}
  .table-fluid tbody tr td.longColumn{
		width:100%;
	}
  .table-fluid td[data-header]:before {
    content: attr(data-header);
    display: block;
    float: left;
    width: 50%;
    color: #000000;
    font-weight: bold;
    text-align: left;
  }
  .table-fluid td[data-header] > * {
    display: block;
    width: 50%;
    float: right;
    clear: right;
    padding-left: 1em;
    margin-top: 0;
  }
  .table-fluid td[data-header]:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    border-right: 1px solid #EDF0F1;
    padding-bottom: 200%;
    display: block;
  }
}
@media screen and (max-width: 600px) {
  .center {
    width: 100%;
  }
}
/* Button */
.btn-validate{
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-in-out;
		background-color: #e10031;
		border-radius: 6px;
		border: 0;
		color: #ffffff !important;
		cursor: pointer;
		display: inline-block;
		font-weight: 700;
		height: 2.75em;
		line-height: 2.75em;
		padding: 0 1.125em;
		text-align: center;
		text-decoration: none;
		white-space: nowrap;
		width:auto;
		min-width:120px;
}
.btn-validate:hover{
	background-color: #e10031;
}
.btn-validate:active {
	/*background-color: #199e83;*/
}
.btn-validate.disabled, .btn-validate:disabled,
input[type="reset"].disabled,
input[type="reset"]:disabled{
	opacity: 0.5;
}
@media screen and (max-width: 480px) {
	.btn-validate{
		padding: 2;
		width:80%;
	}
}

/******************************
LABEL
******************************/
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    color: #666;
}
/******************************/
/* RESPONSIVE COMBO */
/******************************/
.stylized_select {position:relative;overflow:hidden;background:#e6e6e6 url(img/btn-select.png) no-repeat 95% 50%;display:block}
.stylized_select select {position:relative;z-index:2;width:100%;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);height:40px;}
.stylized_select .input_wrapper {position:absolute;z-index:1;left:0;top:0;width:80%;padding:0 17px 0 7px;font-size:15px;
color:#707173
}
.stylized_select .input_wrapper input {width:100%;
text-align:center;
border:0;background:none;}
.STYLE-COMBO{
   	border: 1px solid #E7E7E7;
    background: #fff;
    -moz-opacity: 0;
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
	font-size:16px;
    color: #707173;
}
.StyleLabel{
	font-size: 16.56px!important;
    font-family: Roboto;
    
}
/***** Champs erreur **/
.error-label {
    color: #e10031;
	font-size:16px;
}
.error-sys-label {
    color: #e10031;
    line-height: 1.5em;
    font-family: Roboto !important;
    font-size: 26.56px;
    font-weight: normal;
    
}

/*ETAPE 2 CHAMP SAISIE ADRESSE */
.input-adresse {
    border: 2px solid #e6e6e6;
    background-color: #e6e6e6;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #666;
    border-radius: 0;
    -webkit-appearance: none;
	width:100%;
	margin-top:5px;
    height: 38px;
    border-radius: 0px;
}
/* STYLE CHEKBOX RADIO*/
	input[type="checkbox"],
	input[type="radio"] {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		display: block;
		float: left;
		margin-right: -2em;
		opacity: 0;
		width: 1em;
		z-index: -1;
	}
		input[type="checkbox"] + label,
		input[type="radio"] + label {
			text-decoration: none;	
			cursor: pointer;
			display: inline-block;
			font-size: 1em;
			font-weight: 400;
			padding-left: 2.4em;
			padding-right: 0.75em;
			position: relative;
		}
			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				font-family: FontAwesome;
				font-style: normal;
				font-weight: normal;
				text-transform: none !important;
			}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				background: rgba(255, 255, 255, 0.125);
				border-radius: 0px;
				/*border: solid 2px  #666;*/
				content: '';
				display: inline-block;
				height: 1.65em;
				left: 0;
				line-height: 1.58125em;
				position: absolute;
				text-align: center;
				top: 0;
				width: 1.65em;
			}

		input[type="checkbox"]:checked + label:before,
		input[type="radio"]:checked + label:before {
/*
			background: #e10031;
			border-color: #e10031;
			color: #ffffff;
			content: '\f00c';
*/
		}

		input[type="checkbox"]:focus + label:before,
		input[type="radio"]:focus + label:before {
			border-color: #e10031;
			box-shadow: 0 0 0 2px #e10031;
		}

	input[type="checkbox"] + label:before {
		/*border-radius: 6px;*/
	}

	input[type="radio"] + label:before {
		/*border-radius: 100%;*/
	}
/********************************
lien condition Générale *********/
.lien{
	text-decoration: none;
    cursor: pointer;
    font-size: 1em;
    font-weight: 400;
    padding-right: 0.75em;
    position: relative;
}
/********************************************
LISTE ET TABLE 
/********************************************/
.tableDonnees {
	border-collapse: collapse;
    border-spacing: 2px 2px;
	border-color:#FFFFFF;
	font-family:Roboto, sans-serif;
	font-size:16px;
}
.tableDonnees thead tr th{
	background-color: #df0c36;
	font-size: 16px;
    font-weight: normal;
    color: #FFFFFF;
    letter-spacing: 0.000000em;
    text-align: center;
    text-indent: 0px;
    vertical-align: middle;
	height: 28px;
	border:0px;
	padding: 13px 13px;
    color: #fff;
    border-bottom: 1px solid #df0c36;
    border-right: 1px solid #fff;
	height: 40px;
}
.tableDonnees thead tr th.info {
    font-size: 16px;
    font-weight: normal;
    color: #FFFFFF;
    letter-spacing: 0.000000em;
    text-align: center;
    text-indent: 0px;
    vertical-align: middle;
    height: 28px;
    border: 0px;
    padding: 13px 13px;
    color: #fff;
    border-right: 1px solid #fff;
    height: 40px;
}
.tableDonnees thead tr th.info:last-child {
    border-right: none;
}
.tableDonnees  thead tr th:last-child {
    border-right: 2px solid #df0c36;
}
.tableDonnees  thead tr th:first-child {
    border-left: 1px solid #df0c36;
}
.tableDonnees thead tr th.transparent{
	background-color: #FFFFFF;
}
.tableDonnees tbody tr td.border-white{
	border:2px solid white;
}
.no-padding{
	padding-left:0px;
}
.tableDonnees tbody tr td.obligatoire{
	color:red;
}
.tableDonnees tbody tr td{
	border:0;
    font-size: 16px;
    color: #707173;
    /*text-indent: 8px;*/
    vertical-align: middle;
}
.tableDonnees tbody tr td.bold{
  font-weight: bold;
}
.colorer{
	   background-color: #E0E0E0;
	   border: 1px solid #FFFFFF;
}
.tableDonnees tbody tr td .border-white{
	   border: 1px solid #FFFFFF;
}
.tableDonnees   tbody tr td {
    color: #727274;
    border: 1px solid #727274;
}
.tableDonnees   tbody tr td.padding{
       /*padding: 16px 14px 15px 14px;*/
	padding:7px 15px 7px 15px;
}
.tableDonnees   tbody  tr:nth-child(even) {
    background: #F2F2F2;
}
.tableDonnees tbody tr td.suptransparent{
	background-color: #FFFFFF;
}
/* LIEN DANS UNE TABLE DES DONNEES */
.tableDonnees tbody tr td.StyleLienZrGauche {
    font-size: 12px;
    font-weight: bold;
    color: #004493;
    text-align: left;
    text-indent: 8px;
    vertical-align: middle;
}
.tableDonnees tbody tr td.StyleLienZrGauche:hover {
	text-decoration:underline;
}
.droite{
	text-align:right;
}
/**** CHECKBOX TYPE CARTE******/
.Typechecked:checked,
.Typechecked:not(:checked) {
    position: absolute;
    left: -9999px;
}
.Typechecked:checked + label,
.Typechecked:not(:checked) + label
{
    position: relative;
    padding-left: 18px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
.Typechecked:checked + label:before,
.Typechecked:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 14px;
    height: 14px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
.Typechecked:checked + label:after,
.Typechecked:not(:checked) + label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #DF0C36;
    position: absolute;
    top: 7px;
    left: 2px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.Typechecked:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.Typechecked:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.Typechecked:checked + label:before, input.Typechecked:checked + label:before {
     background: white!important;
    border-color: #e10031!important;
    color: #ffffff!important;
    content: ''!important;
}
/************   FORM CHEKBOX TYPE CARTE   ********************/
.checboxform p{
	    margin: 0 0 0px !important;
		margin-bottom:-3px!important;
		font-size: 14px!important;
}
/* HAUTEUR PAR DEFAUT DES ZONES DE SAISIE*/
input[type="text"], input[type="password"], input[type="email"] {
    height:38px;
	border-radius: 0px
}
.pointer{
	cursor: pointer;
}
.text-field
{
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -moz-transition: border-color 0.2s ease, background-color 0.2s ease;
    -webkit-transition: border-color 0.2s ease, background-color 0.2s ease;
    -ms-transition: border-color 0.2s ease, background-color 0.2s ease;
    transition: border-color 0.2s ease, background-color 0.2s ease;
    background-color: transparent;
    border-radius: 6px;
    border: none;
    border: solid 2px rgba(255, 255, 255, 0.35);
    color: inherit;
    display: block;
    outline: 0;
    padding: 0 1em;
    text-decoration: none;
    width: 100%;
}
/********** largeur colonne entete montant recharge ****************/
.ThMontant{
	 width: 240px;
}
.ThImmatriculation{
	 width: 340px;
}
.MontantTab{
    color: darkgrey;
    font-size: 14px;
    text-decoration: underline;
    font-weight: bold;
}
/**** Style colonne entete montant frais **********/
.FraisTab{
	   width: 200px;
}
.input-remise{
	font-size:16px;
	font-weight:normal;
}
/***** STYLE TABLEAU MONTANT NET *******/
.tableDonnees thead tr th.info {
    font-size: 16px;
    font-weight: normal;
    color: #FFFFFF;
    letter-spacing: 0.000000em;
    text-align: center;
    text-indent: 0px;
    vertical-align: middle;
    height: 28px;
    border: 0px;
    padding: 13px 13px;
    color: #fff;
    border-right: 1px solid #fff;
    height: 40px;
}
.tableDonnees thead tr th.info:last-child {
    border-right: none;
}

/**************************** *********** 
STYLE COLONNE TITRE MONTANT NET *********/
.THmontantNet{
    background-color: #FFFFFF;
    height: 51px;
    border-right: 1px solid #A6A6A6;
    letter-spacing: 0.000000em;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    text-indent: 0px;
    vertical-align: middle;
    padding: 13px 13px;
    color: #A6A6A6;
    border: solid 1px #A6A6A6;
}
/******************************** 
STYLE COLONNE VALEUR MONTANT NET 
*********************************/
.THvaleurmontantNet{
    background-color:#FFFFFF;
    height: 51px;
    /*border-right: 1px solid #fff;*/
    letter-spacing: 0.000000em;
    text-align: center;
    font-size: 16px;
    text-indent: 0px;
    vertical-align: middle;
    padding: 13px 13px;
    color: #A6A6A6;
    border: solid 1px #A6A6A6;
    /*font-weight:bold*/
}
/***********************************
STYLE LIEN MODIFICATION ADRESSE ****/
.lienModifieradresse{
    padding: 10px 10px;
    font-family: Roboto;
    font-size: 16.56px
}
/***  STYLE CHOIX CARTE PARTICULIER *****/
.inputnombre{
	position: relative;
    overflow: hidden;
    background: #e6e6e6;
	height: 41px;
	WIDTH: 41px;
    z-index: 1;
    left: 0;
    line-height: 40px;
    padding: 0 17px 0 7px;
    font-size: 15px;
    color: #707173;
	text-align:center;
	cursor: pointer;
    font-weight: bold;
    margin-right: 1px;
}
.inputnombre.selected{
	background-color: rgb(223, 12, 54);
    color: rgb(255, 255, 255);
}
.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
}
/****************************** 
STYLE IMAGE UPLOAD PIECE JOINTE 
*******************************/
.imgSRC{
	width:30px;height:30px
}
/********* ****************
STYLE JOINTE
**************************/
.StyleJoindre{
	font-size:16px!important;
	margin: 0 0 0.3em 0!important;
}
/***********************
The Modal (background) 
************************/
.modal-msg {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 999999; /* Sit on top */
    width: 100%; /* Full width */
	position: fixed;
    width: 100%;
    bottom: 0%;   
}
.modal-content-msg {
    position: relative;
    background-color: #919392;
    margin: auto;
    padding: 10;
    border: 1px solid #888;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
	border-radius: 6px;
	min-height:70px;
	width: 100%;
    height: auto;
    margin: 0px;
    border: 1px solid #e10031;
    border-radius: 0px;
    text-align: center;
    color: white;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.42857143;
    vertical-align: middle;
	color:#e10031;
}
.close-msg {
    color: #e10031;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
.close-msg:hover,
.close-msg:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.titreDocuments{
	background-color: rgb(223, 12, 54);
    color: white;
    min-height: 40px;
    text-align: center;
    line-height: 40px;
    font-family: Roboto, sans-serif;
    font-size: 16px;
	margin: 0;
}
/***************************
FOOTER *********************/
ul.icons {
    cursor: default;
    list-style: none;
    padding-left: 0;
}
.icon-footer{
	width:60px;
	height:60px;
}
/**********************
CONTAINER BUTTON ******/
.container-right-btn{
	text-align: right;
}
@media screen and (max-width:700px) {
	.container-right-btn{
		text-align: center;
	}
}
.container-left-btn{
	text-align: left;
}
@media screen and (max-width:700px) {
	.container-left-btn{
		text-align: center;
	}
	
}

/* CSS WASH*/
.couleurWash{
    background-color: #f8981d;
    border-color: #f8981d;

}
.TotalLogo{
    height: 94px;
    width: 200px;
}

.selectedWash{
    background-color: #f8981d;
    color: rgb(255, 255, 255);
}
.btncircleWash {
    width: 40px;
    height: 40px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 2;
    border-radius: 20px;
    color: #fff;
    background-color: #f8981d;
    border-color: #f8981d;
}
.btncircleWash:hover{
    color: #fff;
    background-color: #f8981d;
    border-color: #f8981d;
}
.btncircleWash[disabled]{
    opacity: 1;
    color: #000;
    background-color: #fff;
    border-color: #ccc;	
}

/* Button Wash*/
.btnvalidateWash{
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-in-out;
		background-color: #f8981d;
		border-radius: 6px;
		border: 0;
		color: #ffffff !important;
		cursor: pointer;
		display: inline-block;
		font-weight: 700;
		height: 2.75em;
		line-height: 2.75em;
		padding: 0 1.125em;
		text-align: center;
		text-decoration: none;
		white-space: nowrap;
		width:auto;
		min-width:120px;
}
.btnvalidateWash:hover{
	background-color: #f8981d;
}
.btnvalidateWash:active {
	/*background-color: #199e83;*/
}
.btnvalidateWash.disabled, .btnvalidateWash:disabled,
input[type="reset"].disabled,
input[type="reset"]:disabled{
	opacity: 0.5;
}
@media screen and (max-width: 480px) {
	.btnvalidateWash{
		padding: 2;
		width:80%;
	}
}

@media screen and (max-width: 380px) {
	.btnvalidateWash{
		padding: 2;
		width:100%;
	}
}

.inputdefaultWash{
	border: 2px solid #e6e6e6;
	background-color: #e6e6e6;
	height: 40px;
	width: 100%;
	padding-left: 7px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #666;
	vertical-align: top;
	border-radius: 0;
	-webkit-appearance: none;
	padding-top: 5px;
	
}
.inputdefaultWash:focus {
    -moz-animation: focus 0.1s;
    -webkit-animation: focus 0.1s;
    -ms-animation: focus 0.1s;
    animation: focus 0.1s;
    /*background-color: rgba(255, 255, 255, 0.125);*/
    border-color: #f8981d;
}
.conditionwash{
    font-weight: bold !important;
     border-color: #f8981d; 
}

.backgroundWash {
    background-image: url("../css/img/Arriere-Plan-TOTAL-WASH2.png");
    background-repeat: no-repeat;
     -webkit-background-size: cover; /* pour anciens Chrome et Safari */
    background-size: cover;
}

@media screen and (max-width: 1024px) {
    .backgroundWash {
        background-image: url("../css/img/ArrierePlanModifie.png");
        background-repeat: no-repeat;
        -webkit-background-size: cover;
    } 
}

@media screen and (max-width: 1024px) {
    .container {
/*
        padding-right: 45px;
        padding-left: 45px;
*/
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
}

#conditionwash{
    border-color: #f8981d; 
}
.offrewash{
    border-color: #f8981d; 
}
#conditionwash:checked + label:before,#conditiontarifaire:checked + label:before,.offrewash:checked + label:before {
    background: #f8981d;
    border-color: #f8981d;
    color: #ffffff;
    content: '\f00c';
}

#conditionwash:focus + label:before,
#conditiontarifaire:focus + label:before {
    border-color: #f8981d;
    box-shadow: 0 0 0 2px #f8981d;
}

/**** CHECKBOX TYPE CARTE WASH ******/
.offrewash:checked,
.offrewash:not(:checked) {
    position: absolute;
    left: -9999px;
}
.offrewash:checked + label,
.offrewash:not(:checked) + label{
    position: relative;
    padding-left: 18px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
.offrewash:checked + label:before,
.offrewash:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 14px;
    height: 14px;
    border: 1px solid #ddd;
    /*border-radius: 100%;*/
    border-radius: 0 !important;
    background: #fff;
}
.offrewash:checked + label:after,
.offrewash:not(:checked) + label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #f8981d;
    position: absolute;
    top: 7px;
    left: 2px;
    /*border-radius: 100%;*/
    border-radius: 0 !important;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.offrewash:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.offrewash:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.offrewash:checked + label:before, input.offrewash:checked + label:before {
     background: white!important;
    border-color: #f8981d!important;
    color: #ffffff!important;
    content: ''!important;
}

.offrewash:checked + label:before {
    background: #f8981d;
    border-color: #f8981d;
    color: #ffffff;
    content: '\f00c';
}

input.offrewash:focus + label:before{
    background: #f8981d;
    border-color: #f8981d;
    color: #ffffff;
    content: '\f00c';
    border-color: #f8981d;
    box-shadow: 0 0 0 2px #f8981d;
}
input[type="checkbox"].offrewash:focus + label:before{
    background: #ffffff;
    border-color: #f8981d;
    box-shadow: 0 0 0 2px #f8981d;
    content: '';
}

.backgroundWashtransparent{
    height: 100%;
    left: 0;
    opacity: 0.25;
    position: fixed;
    top: 0;
    width: 100%; 
}
@media screen and (max-width: 1024px) {
    .backgroundWashtransparent {
        /*background-color: #f5f5f56b;*/
        background-color: rgba(245, 245, 245, 0.9);
    } 
}

.labelCarte{
    font-weight: 400;
    font-size: 25px;
}
.paddingrecapMnt{
    padding:0px;
    padding-left: 0px
}
.cartewashBorder{
    border: 1px solid rgb(204, 204, 204);
}
@media screen and (max-width: 425px) {
    #divNbreCarte {
        text-align: center;
    } 
    #divcondition{
        text-align: center;
    } 
    .labelCarte{
        font-weight: 600;
        font-size: 14.4px;
    } 
    .paddingrecapMnt{
        padding:0px;
        padding-left: 15px;
    }
    .cartewashBorder{
        border-bottom: 1px solid rgb(204, 204, 204);
        border-top: 1px solid rgb(204, 204, 204);
        border-left: none;
        border-right: none;
    }
}
.labelMontant{
    font-size: 16px;
    font-weight: 400;
}
.labeltitre{
    margin-top: 15px;
}
.labelValeurMontant{
    font-size:16px
}
.lienCondition{
    color: #23527c;
    text-decoration: underline;
}
@media screen and (max-width: 320px) {
    .labelMontant{
        font-size: 14px;
        font-weight: 400;
    }  
    #validercarte.btnvalidateWash,#precedant.btnvalidateWash {
        width: 103%;
    }
     #validercarte.btn-validate,#precedant.btn-validate {
        width: 103%;
    }   
    .labelValeurMontant{
        font-size:12px
    }
    .labelCarte{
        font-weight: 600;
        font-size: 12.4px;
    } 
    #divcondition {
        text-align: left;
    }
    .lienCondition{
         font-size: 10.8px;
    }
}
.label-helper {
	display:none;
  	z-index: 1; 
	color: #666666;
	font-size: 10px;
	margin-top: 3px;
	text-align: left;
	top:0px;
	}
/*.input-default:focus+.label-helper{
	opacity: 1;
	display:block;
}
the-mask:focus+.label-helper{
	display: block;
	opacity: 1;
	
}*/

.btn-circle-disabled{
	opacity: 1;
/*
	color: #000;
    background-color: #fff;
    border-color: #ccc;	
*/
    color: #FFF;
    background-color: #666;
    border-color: #666;
}

  
.rectRadio + label: after{
    border-radius: 0 !important;
}
.rectRadio + label: before{
    border-radius: 0 !important;
}
input[class="rectRadio"] + label:before{
    border-radius: 0 !important;
    background: #f8981d; 
    border-color: #f8981d;
}
input[class="rectRadio"]:checked + label:before{
    border-radius: 0 !important;
    background: #f8981d; 
    border-color: #f8981d;
}

nav ol, nav ul {
margin: 0;
padding: 0;
}

#header nav a {
color: #434343;
}

/* NOUVELLE CHARTE */
/* header*/
.bar-logo-title {
    position: static;
    top: 20px;
    left: 0;
    /*background: -moz-linear-gradient(left,#ffffff 50%,#e6e6e6 50%);
    background: -webkit-gradient(linear,left top,right top,color-stop(50%,#ffffff),color-stop(50%,#e6e6e6));
    background: -webkit-linear-gradient(left,#ffffff 50%,#e6e6e6 50%);
    background: -o-linear-gradient(left,#ffffff 50%,#e6e6e6 50%);
    background: -ms-linear-gradient(left,#ffffff 50%,#e6e6e6 50%);
    background: linear-gradient(to right,#ffffff 50%,#e6e6e6 50%);*/
    direction: ltr;
    overflow: hidden;
    height: 75px;
    border-bottom: 2px solid #efefef;
}
#header {
    background: none;
}

/* menu non responsive horizantal*/
#nav1 li a {
    display: table-cell;
    height: 38px;
    vertical-align: bottom;
    padding: 0px;
    width: auto;
    font-size: 18px;
    color: #666;
    text-decoration: none !important;
    
    font-family: Roboto, sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    
}
.main-menu {
    background: #fff none repeat scroll 0 0;
    height: 63px;
}
#nav1 li {
    float: left;
    font-family: Roboto, sans-serif;
    font-size: 112%;
    line-height: 1;
    margin: 0 0 -7px;
    padding: 0 15px 7px;
    text-transform: uppercase;
    vertical-align: bottom;
    text-align: left;
    top: 0;
    height: auto;
}
.menu-mega-link {
    font-size: 19.92px !important;
    font-family: Roboto !important;
    text-transform: uppercase;
    font-weight: 400;
    padding-bottom: 30px;
    margin-bottom: -30px;
    z-index: 12;
}
#header .h1, #header h1 {
    position: absolute;
    margin: 0;
/*    top: 10px;*/
    top: 0px;
    color: #DE0013;
    padding: 0;
}
#header p.h1, #header h1.css_logo p.h1 {
    position: static;
    top: 0;
    left: 0;
    padding-top: 6px;
    margin-top: 0px;
}


.bar-logo-title .inner {
    /*background: url(../bootstrap/css/bg-header-720.png) repeat-y 0 0;*/
    width: 1140px
    height: 82px;
}	

#nav1 ul {
    height: 48px;
}

@media only screen and (max-width: 300px) {

	#dataRES td:before {
			left: 1px;
			width: 52%;
	}
	.LOGIIMG{
			width: 200px;
			margin-top: 8px;
	}
}

.logo_css{
    /*margin-top: 8px;
    max-height: 47px;*/
      max-height: 60px;
}

/* MENU*/
.inner-menu{
    height:auto;
    background:rgba(0,0,0,0) linear-gradient(to right,#f8f8f8 30%,#e2e2e3 60%) repeat scroll 0 0;
    padding-bottom:5px;
}

.main-menu {
    background: #fff none repeat scroll 0 0;
    height: 63px;
}
.menu-container{height:auto}.main-menu{height:auto;}
.main-menu #mobile-nav-title .btn-menu-open{background:url(../img/open-menu.png) no-repeat scroll 0px 0px;}
.main-menu .btn-menu-open,.main-menu .btn-menu-close{font-family:Roboto;font-size:18px;}
.main-menu{height:auto;}
.menu-container {
    position: relative;
    /*width: 960px;*/
    margin: 0 auto 0;
    /*height: 70px;*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/*option menu*/
#navmob li a {
    color: #666666;
    display: table-cell;
    vertical-align: bottom;
    padding: 0px;
    font-size: 16px;
    font-family: Roboto;
    width: auto;
    cursor: pointer;
}

#header nav a {
color: #434343;
}
#navmob a, #nav2 a, #nav3 a {
    font-size: 12px;
    text-transform: uppercase;
    padding: 8px 0;
    display: block;
}

#nav5 ul li.expanded, li {list-style-image: none;list-style-type: none;}
user agent stylesheet
li {
display: list-item;
text-align: -webkit-match-parent;
}


#mobile-nav-title:hover,
#mobile-nav-title.on{background:none;}#mobile-nav{}#nav2 li,#nav3 li,#nav2 a,#nav3 a{height:auto;}
#mobile-nav-close{display:block;}#navmob li:first-child{display:block;}}

.bar-logo-title .inner{
    /*background:url(bg-header-960.png) repeat-y 0 0;*/
}
#header p.h1 img{margin-left:0;}#search-block-form{display:inline-block;position:static;}
.bar-logo-title .inner{height:75px;}
#header .header-top{width:960px;height:40px;}#navs #nav2{margin-top:4px;padding-top:0px;}}
#navmob a:hover, #navmob li.on a, #navmob li, #nav2 li:first-child, #nav2 li.on:first-child, #nav2 li.on {
background: none;
}
#mobile-nav-title,#rub-selector{display:block;}
#mobile-nav-title{text-align:left;padding-left:7px;background:none;padding-top:4px;width:auto;}
#navmob li,#nav2 li{float:none;padding:0px;}
#mobile-nav-title:hover,#header,#mobile-nav-title .on
#navmob,#nav2{float:none;display:block;}
#navmob ul{height:auto;margin-left:0px;width:auto;float:none;padding:0px 12px;}
#navs{max-height:none;display:block;}#navmob li{margin:0px;padding-bottom:5px;padding-top:10px;}
#navmob li a{width:auto;height:auto;color:#707173;}#navmob li a:hover,
#navmob .menu-home a:hover{text-decoration:none;}
#main .h-container{padding-top:0px;}
.main-menu #mobile-nav-title .btn-menu-open{background:url(../bootstrap/img/open-menu.png) no-repeat scroll 0px 0px;}
.main-menu .btn-menu-open,.main-menu .btn-menu-close{font-family:Roboto;font-size:18px;}
#navmob{top:0px;width:auto;}#navs #nav2{top:0px;padding:0px 12px;}#navs #nav2 ul{padding-left:20px;}
#navmob .menu-home a{font-family:Roboto;font-size:18px;color:#707173;padding:15px 0px 14px 0px;}
.menu-here{font-family:Roboto;font-size:14px;color:#707173;text-transform:uppercase;padding:19px 0px 19px 0px;}
#navmob li,#navmob .menu-home{position:relative;}
#navmob li:after,#navmob .menu-home:after{content:"";position:absolute;bottom:-3px;left:-3px;}
#navmob li:after,#navmob .menu-home:after{right:-3px;height:1px;background-image:-webkit-gradient(linear,0 0,100% 0,from(#d3d3d5),to(#ffffff));background-image:-webkit-linear-gradient(left,#d3d3d5,#ffffff);background-image:-moz-linear-gradient(left,#d3d3d5,#ffffff);background-image:-o-linear-gradient(left,#d3d3d5,#ffffff);}
#mobile-nav-title:hover,#mobile-nav-title.on{background:none;}
.mobile-space{margin:0 auto;}#nav2 li,#nav3 li,#nav2 a,#nav3 a{height:auto;}#nav2 li a:hover{text-decoration:none;}
#mobile-nav-title:hover,#mobile-nav-title.on{background:none;}
#mobile-nav{position:relative;}#nav2 li,#nav3 li,#nav2 a,#nav3 a{height:auto;}
.main-menu{height:auto;}
#mobile-nav-close{display:block;}
#navmob li:first-child{display:block;}}

.menu-mega-link {
    font-size: 1rem;
    font-family: Roboto,sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    padding-bottom: 30px;
    margin-bottom: -30px;
    z-index: 12;
}

.menu-mega-link {
    font-size: 1rem;
    font-family: Roboto,sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    padding-bottom: 30px;
    margin-bottom: -30px;
    z-index: 12;
}

/* coloration blue de lien meneu*/
.hover-flying {
    background-color: #DF0C36;
    height: 5px;
    /*left: 0px !important;*/
    display: block;
    top: 46px;
    bottom: -10px;
    z-index: 2;
    position: absolute;
}

.inner-form {
    max-width: 1170px;
    width: 100%;
}
.input-form {
    width: 100%;
    display: inline-block;
    text-align: left;
    color: #666 !important;
    position: relative;
    background-color: #FFF;
    border: 0;
    font-family:Roboto, sans-serif;
    
    line-height: 20px;
    height: 41px !important;
    box-sizing: border-box;
    vertical-align: top;
    border-radius: 0;
    -webkit-appearance: none;
    padding-top: 5px;
    border: solid 1px #A6A6A6;
    padding-left: 7px;
}
.input-form:focus {
/*
			-moz-animation: focus 0.1s;
			-webkit-animation: focus 0.1s;
			-ms-animation: focus 0.1s;
			animation: focus 0.1s;
			background-color: rgba(255, 255, 255, 0.125);
			border-color: #e10031 !important;
*/
    
}
.titre-form {
    text-transform: uppercase;
    color: #DF0C36;
    font-family: Roboto;
    line-height: 1em !important;
    font-weight: 400 !important;
}

.title-media {
    margin-bottom: 16px;
    padding-right: 15px;
    padding-left: 15px;
}
.div-inner {
    max-width: 1170px;
    width: 100%;
}
.title-media .div-inner {
    /*border-bottom: 1px solid #666;
    padding: 27px 0 16px;*/
}

.form-label {
    display: inline-block;
    margin: 6px 0;
    /*padding-top: 10px;*/
    font-size: 100%;
    font-weight: normal;
    margin: 6px 0;
    width: auto;
    font-family: Roboto, sans-serif;
    color: #666;
    text-align: left;
    line-height: 1.12em;
}

.inscription-form {
    background-color: #F8F8F8;
    max-width: 1070px;
    margin-right: auto;
    margin-left: auto;
}

.connexion-form {
    background-color: #F8F8F8;
    max-width: 650px;
    margin-right: auto;
    margin-left: auto;
}
/* BOUTON ACTION */
.btn-more {
    /* font-family: Roboto;*/
    letter-spacing: 0.02em;
    font-size: 14px;
    float:right;
    zoom: 1;
    background-color: #DF0C36;
    background-image: url("../bootstrap/css/btn-more.png");
    background-position: 15px center;
    background-repeat: no-repeat;
    color: #fff;
    display: inline-block;
    line-height: 38px;
    margin-top: 2px;
    min-width: 166px;
    overflow: hidden;
    text-indent: 15px;
    padding-right: 5px;
    text-align:left;
    cursor:pointer;
    vertical-align: middle;
    max-width: 240px;
    margin-right: 10px;
}
.btn-more a{
    color:#fff;
    font-family: Roboto !important;
    font-size: 21.33px !important;
}
.btn-more a:hover{
text-decoration: underline;
color:#fff;
}
.btn-more p,
.btn-more li{
line-height:39px;
}
.btn-more.petit{
min-width: 50px;
height: 22px;
line-height: 22px;
margin-top: 1px;
text-indent:15px;
margin-right:3px;
font-family: Roboto, sans-serif;
}
.btn-more.large{
min-width: 50px;
height: 40px;
margin-top: 1px;
text-indent:15px;
margin-right:3px;
font-family: Roboto, sans-serif;
}

.btnSuivant {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    font-family: Roboto !important;
    font-size: 21.34px !important;
}

.btn-more.petit.nofloat{
float:none;
}

/* page accueil */
.btn-white {
    letter-spacing: 0.02em;
    font-size: 14px;
    float:right;
    zoom: 1;
    background-image: url("btn-more-blue.png");
    background-position: 15px center;
    background-repeat: no-repeat;
    color: #DF0C36;
    display: inline-block;
    height: 39px;
    line-height: 38px;
    margin-top: 2px;
    min-width: 166px;
    overflow: hidden;
    text-indent: 15px;
    padding-right: 5px;
    text-align:left;
    cursor:pointer;
    vertical-align: middle;
}

/* BOUTTON OUVERTURE MENU*/
#btn_open{
    background: url(../bootstrap/img/open-menu.png) no-repeat scroll 0px 0px ;
    display: none; 
    width:10px;
    padding: 0px 0 30px 38px;
    text-transform: uppercase;
    cursor: pointer; 
    color:#DF0C36;
    font-size:15px;
}
/* boutton fermeture menu*/
#btn_close{
display: block;
background: url(../bootstrap/img/fermeture-menu.png) no-repeat scroll 7px 0px;
padding: 0px 0 30px 38px;
text-transform: uppercase;
cursor: pointer;
color:#DF0C36;
font-size:15px;
}

#header nav a {
color: #434343;
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

.containerReseauSociaux {
    width: 500px;
    top: 20% !important;
    bottom: auto;
    padding: 0;
    margin: 0;
}
.navReseauSociaux{
    padding-left: 0px !important;
    margin-top: -700px;
}

/* menu horizantal*/
#nav5 {

    background: #F2F2F2;
    display: block;
    margin-bottom: 20px;

}
#nav5 ul li a.active:hover {
    text-decoration: underline;
}
#nav5 ul li a.active {
    /* background: #004493;
    color: #fff;
    text-decoration: none;*/



    color: #004493;
    text-decoration: none;

}
#nav5>ul>li>a {
    padding: 6px 10px;
}
#nav5 li a {
    display: block;
    padding: 0 10px 6px;
}
#nav5 li li a {
    border: none;
    color: #434343;
    border-top: 1px solid #ddd;
    padding: 9px 20px 5px;
}
#nav5 li li {
    font-size: 14px;
    border-bottom: none;
    padding: 0;
}
#nav5 li, #nav5 li li {
    font-family: Museo700;
}
#nav5 li {
    font-size: 16px;
    text-transform: uppercase;
    margin: 0;
}
nav ol, nav ul {
    margin: 0;
    padding: 0;
}
#nav5 li li {
    font-size: 14px;
    border-bottom: none;
    padding: 0;
}
#nav5 li, #nav5 li li {
    font-family: Museo700;
}
#nav5 li li a:hover, #nav5 li li li a:hover {
    /* background: #004493;*/
    color: #004493;
}
#nav5 li li a:hover {
    text-decoration: underline;
}
#nav5 ul li.expanded, li {
    list-style-image: none;
    list-style-type: none;
}

/* BTN RACCOURCI FIN DE PAGE*/
#backtotop {
display:none;
width: 72px;            /* A rigler selon votre image */
height: 72px;            /* A rigler selon votre image */
bottom: 20px;
cursor: pointer;
display: none;
height: 70px;
position: fixed;
right: 20px;
text-indent: -9999px;
width: 70px;
z-index: 1;
opacity: 0,4;
}
.btt-background {
    width: 100%;
    height: 100%;
    background: #DF0C36;
    opacity: 0.4;
}
#backtotop:before {
    position: absolute;
    display: block;
    content: "";
    width: 34px;
    height: 25px;
    z-index: 2;
    background: url(../bootstrap/css/arrow_BtT.png) no-repeat;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    opacity: 1;
}
.btt-background:hover {
    opacity: 1;
}
@media only screen and (max-width: 770px) {
    #backtotop{
    left:20px;
    }
}

.contenueProfil {
    text-align: right;
    margin-right: 5px;
}

.profil {
    font-size: 16px;
    color: #626262;
    text-align: right;
    font-family: Roboto !important;
    line-height: 1em !important;
    font-weight: 600 !important;
}

.form-label {
    display: inline-block;
    margin: 6px 0;
    /*padding-top: 10px;*/
    font-size: 100%;
    font-weight: normal;
    margin: 6px 0;
    width: auto;
    font-family:Roboto, sans-serif;
    color: #666;
    text-align: left;
    line-height: 1.12em;
}
.input-radio + label::before {
    content: "" !important;
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    width: 20px;
    margin: -3px 10px 0 0;
    background: url(../bootstrap/img/radio.png) no-repeat 0 0 !important;
    border: 0px !important;
}

.input-radio + label {
    color: #666;
    cursor: pointer;
    font-family: Roboto;
    font-size: 16.56px !important;
}

.input-radio:checked + label::before {
  background-position: 0 -40px !important;
}

/******************************/
/* RESPONSIVE COMBO */
/******************************/
.stylville_select {
    position:relative;
    overflow:hidden;
    background:#fff url(img/btn-select.png) no-repeat 95% 50%;
    /*background:#fff url(../bootstrap/img/icons-sfc32a724ec.png) 0 -1037px no-repeat 95% 50%;*/
    display:block;
    border: solid 1px #A6A6A6;
}
.stylville_select select {
    position:relative;
    z-index:2;
    width:100%;
    -moz-opacity:0;
    opacity:0;
    filter:alpha(opacity=0);
    height:40px;}
.stylville_select .input_wrapper {
    position:absolute;
    z-index:1;
    left:0;
    top:0;
    width:80%;
    padding:0 17px 0 7px;
    font-size:15px;
    color:#666
}
.stylville_select .input_wrapper input {
    width:100%;
    text-align:left;
    border:0;
    background:none;
    padding-top: 5px;
    padding-left: 7px;
}
.comboVille{
   	border: solid 1px #A6A6A6;
    background: #fff;
    -moz-opacity: 0;
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
	font-size:16px;
    color: #707173;
}

#conditions + label::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  width: 20px;
  margin: -3px 10px 0 0;
  background: url(../bootstrap/img/checkbox.png) no-repeat 0 0 !important;
    border: solid 0px #666;
}

#conditions:checked + label::before {
  background-position: 0 -43px !important;
}

#conditions:checked + label:before {
			background: #e10031;
			border-color: #e10031;
			content: '';
}



/* CHARTE 10/04/2019*/
.header-img{
    height: 360px !important;
}

.title-media-header {
    margin-bottom: -60px;
    padding-right: 15px;
    padding-left: 20px;
}
.div-inner-header  {
    max-width: 1170px;
    width: 100%;
}
.title-media-header  .div-inner-header  {
border-bottom: 1px solid #666;
    /*padding: 27px 0 16px;*/
}

.background-inner {
    position: absolute;
    width: 60%;
    background: transparent url(../img/bg-slider-inner.png) repeat 0 0;
    padding: 20px;
    margin: 0 auto;
    bottom: 0;
    left: 0px;
    right: 0;
    margin-left: 30px;
    margin-bottom: 23px;
}

.inner-background {
    max-width: 1170px;
    width: 100%;
}

.banner-titre {
    color: white;
    text-align: left;
    position: relative;
    bottom: auto;
    right: auto;
    left: auto;
    font-family: Roboto;
    font-size: 1.2rem;
    font-weight: normal;
}

.banner-titre.twolines {
    padding-left: 4px;
}

.banner-titre.title-media-cover {
    margin-bottom: 15px;
}

.banner-titre.twolines h1 {
    font-family: Nunito;
    font-weight: bold;
    font-size: 37.18px;
    line-height: 4.25rem;
    margin: 0;
    text-transform: uppercase;
    /*padding-left: 60px;*/
}
.banner {
    overflow: hidden;
    max-width: 100%;
    margin: 0 0 25px 0;
    position: relative;
    display: inline-block;
    height: auto;
}

@media screen and (min-width: 720px){
   .banner {
        max-height: 430px;
    } 
}
.section-form{
    /*padding-left: 0px;*/
}
.lib-champ-form {
    color: #666 !important;
    font-family: Roboto !important;
    font-weight: normal;
    text-align: left;
    font-size: 19px !important;
}
.lib-champ-form-obligatoire {
  color: #666 !important;
    font-family: Roboto !important;
    font-weight: normal;
    text-align: left;
    font-size: 15px !important;  
}
.form-label-Radio {
    display: inline-block;
    margin: 6px 0;
    /*padding-top: 10px;*/
    font-size: 22.56px !important;
    font-weight: normal !important;
    margin: 6px 0;
    width: auto;
    font-family: Roboto !important;
    
    color: #DF0C36 !important;
    text-align: left;
    line-height: 1.12em;
}

.form-label-consommation {
    display: inline-block;
    margin: 6px 0;
    /*padding-top: 10px;*/
    font-size: 18.92px;
    font-weight: normal;
    margin: 6px 0;
    width: auto;
    font-family: Roboto;
    color: #666;
    text-align: left;
    line-height: 1.12em;
}

.form-label-condition {
    display: inline-block;
    margin: 6px 0;
    padding-top: 20px;
    font-size: 18px;
    font-weight: normal;
    margin: 6px 0;
    width: auto;
    font-family: Roboto !important;
    color: #666;
    text-align: left;
    line-height: 1.12em;
}

/* CSS footer social*/
.footer-social {
    background-color: #f8f8f8;
    margin-bottom: 18px;
    /*text-align: center;*/
}
.footer-social h2 {
    font-family: Roboto;
    display: inline-block;
    font-size: 29.23px;
    /*margin: 0 50px 12px 0;*/
    line-height: 28px;
    color:#666;
}

.footer-social ul {
    display: inline-block;
    position: relative;
    /*top: 4px;*/
    margin-top: 20px;
    margin-bottom: 10px;
	padding-left: 0px;
}
.footer-social ul li {
    display: inline-block;
    margin-left: 27px;
	
}
.footer-social ul li:first-child {
    margin: 0;
}
    
.footer-social .inner-footer-socia {
    padding: 25px 15px 15px 15px;
}
.lien-footer{
    display: table-cell;
    height: 38px;
    vertical-align: bottom;
    padding: 0px;
    font-family: Roboto;
    width: auto;
    font-size: 26.56px;
    font-weight: bold;
    color: #DF0C36;
    text-decoration: none !important;
    text-transform: uppercase;
}

.lien-footer:hover {
    color: #DF0C36;
    text-decoration: none;
}

@media screen and (max-width: 425px) {
  #telechargerMobile {
    padding-left: 0px;
  }
}
.img-paiement{
    height: 80px;  
}
.img-paiement-margin{
    margin-left: 15%;  
}

/* animation Image header*/
.bx-controls {
    position: absolute;
    margin: auto;
    max-width: 1420px;
}

.bx-has-pager {
  display: flex;
  justify-content: center;
}

.bx-pager.bx-default-pager {
    bottom: 0;
    right: 0;
    margin-right: auto;
    margin-bottom: 4px;
    display: inline-block;
}
.bx-pager {
    text-align: center;
    padding: 0;
}

.bx-pager .bx-pager-item {
  display: inline-block;
  margin: 0px;
}
.bx-pager .bx-pager-item .bx-pager-link {
  text-indent: -999px;
  overflow: hidden;
width: 10px;
    height: 10px;
  display: block;
  border-radius: 15px;
}
.bx-pager .bx-pager-item .active {
  background-color: #DF0C36;
}

.bx-pager-link {
  text-indent: -999px;
  overflow: hidden;
      width: 10px;
    height: 10px;
  display: block;
  border-radius: 15px;
  background-color: #666;
}

.bx-pager.bx-default-pager a {
    background: #FFF none repeat scroll 0% 0%;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0px 5px;
    outline: 0px none;
    border-radius: 5px;
}

.bx-pager .bx-pager-item .active {
    background-color: #DF0C36;
}

@media screen and (max-width: 425px) {
    .background-inner {
        padding: 0px;
    }
    .banner-titre.twolines h1 {
        font-size: 165%;
        margin: 0;
        padding-left: 0px;
        line-height: 2.25rem;
    }
}

.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #DF0C36 !important;
    border: 1px solid #DF0C36;
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff !important;
    border: 1px solid #fff;
    border-radius: 10px;
}

/* BOUTON ACTION */
.btn-save {
   font-family: Roboto;
    font-size: 21.34px;
    letter-spacing: 0.02em;
    float:right;
    zoom: 1;
    background-color:#DF0C36 ;
    background-image: url("../bootstrap/css/btn-more.png");
    background-position: 15px center;
    background-repeat: no-repeat;
    color: #F8F8F8;
    display: inline-block;
    height: 35px;
    line-height: 38px;
    margin-top: 2px;
    min-width: 166px;
    overflow: hidden;
    text-indent: 15px;
    padding-right: 5px;
    text-align:left;
    cursor:pointer;
    vertical-align: middle;
    max-width: 200px;
    margin-right: 10px;
}
.btn-save a{
color:#F8F8F8;
}
.btn-save a:hover{
text-decoration: underline;
color:#F8F8F8;
}

/* BOUTON ACTION */
.btn-precedent {
   font-family: Roboto;
    font-size: 21.34px;
    letter-spacing: 0.02em;
    float:right;
    zoom: 1;
    background-color: #F8F8F8;
    background-image: url("../bootstrap/css/Precedent.png");
    background-position: 15px center;
    background-repeat: no-repeat;
    color: #DF0C36;
    display: inline-block;
    height: 39px;
    line-height: 38px;
    margin-top: 2px;
    min-width: 166px;
    overflow: hidden;
    text-indent: 15px;
    padding-right: 5px;
    text-align:left;
    cursor:pointer;
    vertical-align: middle;
    max-width: 200px;
    margin-right: 10px;
    float: left;
}
.btn-precedent a{
color:#DF0C36;
}
.btn-precedent a:hover{
text-decoration: underline;
color:#DF0C36;
}

.header-top {
    text-align: left;
    padding: 15px 0 8px;
    text-transform: uppercase;
    font-size: 0.625rem;
    font-family: Roboto, sans-serif;
    font-weight: bold;
    direction: ltr;
    height: 75px;
    border-bottom: 2px solid #efefef;
}
.header-top-menu {
    font-family: Roboto, sans-serif;
    text-align: right;
    float: right;
    padding-top: 40px;
    color: #666;
    display: inline-block;
    font-weight: Bold;
    font-size: 13.28px;
}

.header-top-menu ul {
    display: inline-block;
    line-height: 1em;
}

.header-top-menu .link-total {
    color: #DF0C36;
    cursor: pointer !important;
}

.header-top-menu .border-left {
    border-left: 1px solid #bbbcbd;
    margin-left: 15px;
    padding-left: 15px;
}

.header-top-menu .top-menu-link {
    margin: 0 0 0 24px;
    display: inline-block;
    line-height: 1em;
    cursor: pointer !important;
     text-transform: uppercase;
}

.header-top-menu li {
    display: inline-block;
    margin-left: 15px;
     text-transform: uppercase;    
}

.header-top-menu li a {
    color: #666;
    text-transform: uppercase;
    cursor: pointer;
}

@media screen and (max-width: 959px) {
  .display-none-mob {
    display: none !important;
  }
}

@media screen and (max-width: 479px) {
  .header-top-menu .top-menu-link {
    margin: 0 0 0 15px;
  }
}

.footer-bottom {
    background-color: #FFF;
    text-align: center;
}

.inner-footer-bottom  {
    padding: 30px 15px 20px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.footer-bottom li {
    display: inline-block;
    border-left: 1px solid #666;
    padding: 0 25px;
    color: #666;
    font-family: Roboto;
    color: #666;
    text-align: left;
    font-size: 19.92px;
}

.footer-bottom li a{
    text-decoration: none;
     color: #666;
}

.footer-bottom li:first-child {
    border-left: none;
}

@media screen and (max-width: 479px) {
  .footer-bottom li {
    border-left: 0px solid #666;
  }
}

@media only screen and (max-width: 479px) {
	.img-paiement{
        height: 50px
	}
	.img-paiement-margin{
		margin-left: 10%;  
	}
}
.div-genre {
    text-align: left;
}

.div-titre-adhesion {
  width: auto;  
}
.div-titre-adhesion h3{
    color: #666;
    /*font-family: Roboto;*/
    font-family: Roboto;
    font-size: 52.48px;
    /*font-size: 40.48px;*/
}
.div-titre {
  padding-left: 0px;
}

/*
.div-titre h3{
    font-family: Roboto;
    font-size: 52.48px;
    font-size: 40.48px;
    font-weight: Bold !important;
}
*/

@media screen and (max-width: 479px) {
  .div-titre {
   padding-left: 0px;
  }
}

.form-label-top {
    display: inline-block;
    margin: 6px 0;
    /*padding-top: 10px;*/
    font-size: 26.56px !important;
    font-weight: normal !important;
    margin: 6px 0;
    width: auto;
    font-family: Roboto !important;
    color: #666;
    text-align: left;
    line-height: 1.12em;
}
.label-table {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: normal !important;
    color: #666;
    font-size: 19.56px;
    font-family: Roboto !important;
}

.tableDonneesRecap {
    border-collapse: collapse;
    border-spacing: 2px 2px;
    border-style: none !important;
    font-family: Roboto, sans-serif;
    font-size: 16px;
}


.tableDonneesRecap thead tr th{
    border: 0px solid #727274;
    background-color: transparent;
    font-size: 19.56px;
    font-family: Roboto !important;
}

.tableDonneesRecap tbody tr td{
    border-top: 0px solid #ddd;
}

@media screen and (max-width: 700px) {
  .btn-save{
   /*float: left;*/
  }
}

/**** CHECKBOX TYPE CARTE WASH ******/
.TypeCarteChecbox:checked,
.TypeCarteChecbox:not(:checked) {
    position: absolute;
    left: -9999px;
}
.TypeCarteChecbox:checked + label,
.TypeCarteChecbox:not(:checked) + label{
    position: relative;
    padding-left: 18px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
.TypeCarteChecbox:checked + label:before,
.TypeCarteChecbox:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 14px;
    height: 14px;
    border: 1px solid #666;
    /*border-radius: 100%;*/
    border-radius: 0 !important;
    background: #fff;
}
.TypeCarteChecbox:checked + label:after,
.TypeCarteChecbox:not(:checked) + label:after {
    content: '';
    color:#666;
    width: 10px;
    height: 10px;
    background: #FFFFFF;
    position: absolute;
    top: 7px;
    left: 2px;
    /*border-radius: 100%;*/
    border-radius: 0 !important;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background-image: url(img/Consulter.png);
  background-position: left center;
  background-size: 10px 10px;
}
.TypeCarteChecbox:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.TypeCarteChecbox:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.TypeCarteChecbox:checked + label:before, input.TypeCarteChecbox:checked + label:before {
    background: white !important;
    border-color: #666 !important;
    color: #ffffff!important;
    content: ''!important;
}

.TypeCarteChecbox:checked + label:before {
    background: #FFFFFF;
    border-color: #f8981d;
    color: #666;
    content: '';
}

input.TypeCarteChecbox:focus + label:before{
    background: #FFFFFF;
    border-color: #666;
    color: #666;
    content: '';
    border-color: #666;
    box-shadow: 0 0 0 2px #666;
}
input[type="checkbox"].TypeCarteChecbox:focus + label:before{
    background: #ffffff;
    border-color: #666;
    box-shadow: 0 0 0 2px #666;
    content: '';
}

/* Combo nombre Carte*/
.stylized_select_nbreCarte {
    position:relative;
    overflow:hidden;
    background:#e6e6e6 url(img/Consulter.png) no-repeat 95% 50%;
    display:block;
    border: 1px solid #727274;
}

.stylized_select_nbreCarte {
    position:relative;
    overflow:hidden;
    background:#FFFFFF url(img/Consulter.png) no-repeat 95% 50%;
    background-size: 15px 15px;
    display:block
}
.stylized_select_nbreCarte select {
    position:relative;
    z-index:2;
    width:100%;
    -moz-opacity:0;
    opacity:0;
    filter:alpha(opacity=0);
    height:40px;
}
.stylized_select_nbreCarte .input_wrapper {
    position:absolute;
    z-index:1;
    left:0;
    top:0;
    width:70%;
    padding:0 17px 0 7px;
    font-size:15px;
    color:#707173;
    background-color: #ffffff;
}
.stylized_select_nbreCarte .input_wrapper input {
    width:100%;
    text-align:center;
    border:0;
    background:none;
     font-family: Roboto;
    font-size: 16.56px
}

.comboNbreCarte {
    border: 1px solid #E7E7E7;
    background: #fff;
    position: relative;
    z-index: 2;
    width: 100%;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    height: 40px;
    margin: 0;
    vertical-align: baseline;
    font-family: Roboto;
    font-size: 16.56px;
    color: #707173;
}
.spantypeCarte{
    left: 10px;
    top: 6px;
    width: 7px;
    height: 12px;
    border: solid #666;
    border-width: 0 3px 3px 0;
}

.tableDonneesRecap thead tr th{
    font-weight: normal;
}

.lib-recap-data{
    font-weight: normal;
    font-family: Roboto;
    font-size: 20px
}
.lib-recap-titre{
    font-weight: normal;
    
    font-family: Roboto;
    font-size: 20px
}
.recap-typeCarte {
    padding-left: 20px;
}
.recap-choixtypeCarte {
    padding-left: 30px;
}

.recapcarte{
    padding-top: 10px;
}
.td-data-carte{
    vertical-align: top;
}
.step{
    /*width: 226px;
     word-wrap: break-word;*/ 
}
.step-mon-profil{
    /*width: 226px;
     word-wrap: break-word;*/ 
}
@media screen and (max-width: 479px) {
  .step{
    /*min-width: 78px;*/
          /*width: 50%;*/
        padding-right: 3px;
        padding-left: 3px;
          margin-right: 8px;
    }
    .step-mon-profil{
    /*min-width: 78px;*/
        /*width: 50%;*/
        padding-right: 3px;
        padding-left: 3px;
            margin-right: 8px;
    }
    .stepwizard-step p {
        margin-left: 0px;
        margin-right: 0px;
    }
}

a {
    cursor: pointer !important;
}
@media screen and (max-width: 479px) {
    .div-titre h3,.div-titre-adhesion h3{
        font-size: 26.56px;
    }
    .form-label-Radio {
        font-size: 15px;
    }
    .title-media-header {
    padding-top: 20px
    }   
}

.p-step {
    font-family: Roboto;
    font-size: 16.56px;
    color:"#676767" !important;
}

@media screen and (max-width: 479px) {
    .p-step{
        display: none
    }   
}

.form-label-etape{
    display: inline-block;
    margin: 6px 0;
    font-weight: normal;
    margin: 6px 0;
    width: auto;
    font-weight: normal;
    font-family: Roboto;
    font-size: 20px;
    color: #666;
    text-align: left;
    line-height: 1.12em;
}

.form-label-nbre-carte{
    display: inline-block;
    margin: 6px 0;
    /*padding-top: 10px;*/
    font-size: 16.56px;
    font-weight: normal;
    margin: 6px 0;
    width: auto;
    /*font-family: Roboto;*/
    font-family: Roboto;
    color: #666;
    text-align: left;
    line-height: 1.12em;
}

.form-label-type-carte{
    display: inline-block;
    margin: 6px 0;
    font-size: 19.56px !important;
    font-weight: normal;
    margin: 6px 0;
    width: auto;
    font-family: Roboto !important;
    color: #666;
    text-align: left;
    line-height: 1.12em;
}

.form-label-option-carte{
    display: inline-block;
    margin: 6px 0;
    font-size: 19.56px !important;
    font-weight: normal;
    margin: 6px 0;
    width: auto;
    font-family: Roboto !important;
    color: #666;
    text-align: left;
    line-height: 1.12em;
}

.form-label-mode-paiement{
    display: inline-block;
    margin: 6px 0;
    font-size: 19.56px !important;
    font-weight: normal;
    margin: 6px 0;
    width: auto;
    font-family: Roboto !important;
    color: #666;
    text-align: left;
    line-height: 1.12em;
}

.register-switch-label-adresse{
    font-family:Roboto ;
    font-size: 20px;
    font-weight: normal;
}

.register-switch-label-recap{
    font-family: Roboto;
    font-size: 20px;
    font-weight: normal;
}

.register-switch-label-recap-montant{
    font-family:Roboto ;
    font-size: 20px;
    font-weight: normal;
}

.register-switch-label-frais{
    font-family: Roboto ;
    font-size: 20px;
    font-weight: normal;
}
.label-condition-abonnement {
    padding-right: 0.25em !important;
    font-size:20px !important;
    font-family:Roboto !important;
}
.div-lib-champ-form-obligatoire{
  text-align: center;  
}

@media screen and (max-width: 479px) {
    .register-switch-label-adresse{
        padding-left: 5px;
        padding-right: 5px;
    }
    .div-lib-champ-form-obligatoire{
        text-align: left;  
    }
/*
    .btn-save{
        text-align: right;
        padding-right: 0px;
        margin-right: 0px;
        background-position: 75px center;
    }
    .div-btn-save {
        padding-right: 0px;
        padding-left: 0px;
    }
    .btn{
        padding: 6px 0px;
    }
*/
    .btn-precedent{
        margin-right: 0px;
        float: right;
    }
}
.td-titre-table {
    font-family: Roboto;
    font-size: 19.56px;
}
.titre-form-P1 {
    text-transform: uppercase;
    line-height: 1em !important;
    color: #666;
    font-family: Roboto;
    font-size: 52.48px;
    display: inline;
}
.titre-form-P2 {
    text-transform: uppercase;
    line-height: 1em !important;
    font-family: Roboto;
    font-size: 52.48px;
    color: #DF0C36;
    font-weight: Bold !important;
    display: inline;
}

.form-label-contrat{
    display: inline-block;
    margin: 6px 0;
    font-weight: normal;
    margin: 6px 0;
    width: auto;
    font-weight: normal;
    font-family: Roboto;
    font-size: 20px;
    color: #666;
    text-align: left;
    line-height: 1.12em;
}

.input-form-pj {
    width: 100%;
    display: inline-block;
    text-align: left;
    color: #666 !important;
    position: relative;
    background-color: #FFF;
    border: 0;
    font-family: Roboto, sans-serif;
    
    line-height: 20px;
    height: 41px !important;
    box-sizing: border-box;
    vertical-align: top;
    border-radius: 0;
    -webkit-appearance: none;
    padding-top: 5px;
    border: solid 1px #A6A6A6;
    padding-left: 7px;
    background-image: url("../bootstrap/css/Trombon.png");
    background-position: 95% center;
    background-repeat: no-repeat;
}

.btn-sup-pj {
   font-family: Roboto;
    font-size: 20px;
    letter-spacing: 0.02em;
    float:right;
    zoom: 1;
    background-color: #F8F8F8;
    background-image: url("../bootstrap/css/suppj.png");
    background-position: 15px center;
    background-repeat: no-repeat;
    color: #666;
    display: inline-block;
    height: 39px;
    line-height: 38px;
    margin-top: 2px;
    min-width: 166px;
    overflow: hidden;
    text-indent: 15px;
    padding-right: 5px;
    text-align:left;
    cursor:pointer;
    vertical-align: middle;
    max-width: 200px;
    margin-right: 10px;
}
.btn-sup-pj a{
    color:#666;
}
.btn-sup-pj a:hover{
    text-decoration: underline;
    color:#666;
}

.btn-consulter-pj {
   font-family: Roboto;
    font-size: 20px;
    letter-spacing: 0.02em;
    float:right;
    zoom: 1;
    background-color: #F8F8F8;
    background-image: url("../bootstrap/css/Consulter.png");
    background-position: 15px center;
    background-repeat: no-repeat;
    color: #666;
    display: inline-block;
    height: 39px;
    line-height: 38px;
    margin-top: 2px;
    min-width: 166px;
    overflow: hidden;
    text-indent: 15px;
    padding-right: 5px;
    text-align:left;
    cursor:pointer;
    vertical-align: middle;
    max-width: 200px;
    margin-right: 10px;
}
.btn-consulter-pj a{
    color:#666;
}
.btn-consulter-pj a:hover{
    text-decoration: underline;
    color:#666;
}

.btnPJ {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
font-family: Roboto;
    font-size: 20.56px!important;
}



.checkbox label:after, 
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkboxAbonnement .cr{
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: 0;
    width: 1em;
    height: 1em;
    float: left;
    margin-right: .5em;
}

.cr {
    border-radius: 50%;
}

.checkboxAbonnement .cr .cr-icon{
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 5%;
    color: green;
}

.cr .cr-icon {
    margin-left: 0.04em;
}

.checkboxAbonnement label input[type="checkbox"] {
    display: none;
}

.checkboxAbonnement label input[type="checkbox"] + .cr > .cr-icon{
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkboxAbonnement label input[type="checkbox"]:checked + .cr > .cr-icon{
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkboxAbonnement label input[type="checkbox"]:disabled + .cr{
    opacity: .5;
}
.div-footer{
    margin-left: 20px;
    margin-right: 40px;
}

.div-footer-lien{
    margin-left: 0px;
}

@media screen and (max-width: 768px) {
    .div-footer-lien{
        margin-left: 10px;
    }
    .div-footer{
    margin-left: 5px;
    margin-right: 5px;
    }
}

.header-top-menu-link {
    font-family: Roboto, sans-serif;
    text-align: right;
    float: right;
    padding-top: 40px;
    color: #666;
    display: inline-block;
    font-weight: Bold;
    font-size: 13.28px;
}

.header-top-menu-link ul {
    display: inline-block;
    line-height: 1em;
}

.header-top-menu-link .border-left {
    border-left: 1px solid #bbbcbd;
    margin-left: 15px;
    padding-left: 15px;
}

.header-top-menu-link .top-menu-link {
    margin: 0 0 0 24px;
    display: inline-block;
    line-height: 1em;
    cursor: pointer !important;
    text-transform: uppercase;
}

.header-top-menu-link li {
    display: inline-block;
    margin-left: 15px;
    text-transform: uppercase;    
}

.header-top-menu-link li a {
    text-transform: uppercase;
    cursor: pointer;
}

.header-top-menu-link .link-total {
    color: #DF0C36;
    cursor: pointer !important;
}

#nav-link li {
    float: left;
    font-size: 112%;
    line-height: 1;
    margin: 0 0 -7px;
    /*padding: 0 15px 7px;*/
    text-transform: uppercase;
    vertical-align: bottom;
    text-align: left;
    top: 0;
    height: auto;
    margin-left: 15px;
        margin-bottom: 10px;
}
#navs-link {
    max-height: none;
    display: block;
}
.link-top {
    color: #666 !important;
    font-family: Roboto, sans-serif;
    font-weight: Bold;
    font-size: 13.28px;
}
.link-total-top {
    color: #DF0C36 !important;
    font-family: Roboto, sans-serif;
    font-weight: Bold;
    font-size: 13.28px;
}
.imgAnim{
	width:1170px;
	height:272px !important;
}

@media screen and (max-width: 768px) {
	.carousel-indicators {
		display: inline-grid;
		bottom: 0px;
	}
}

.h2-connection-block{
    font-family: Roboto, sans-serif;
    font-size: 20px;
    font-weight: bold;
    font-weight: 600;
    line-height: 1;
    color: #DF0C36;
    text-transform: uppercase;
    margin: 0 0 24px;
    font-size: 162%;
    font-weight: 600;
}

.TitrePage{
    font-family: Roboto;
    font-size: 20px;
    font-weight: bold;
    font-weight: 600;
    line-height: 1;
    color: #DF0C36;
    text-transform: uppercase;
    margin: 0 0 2px;
    font-size: 162%;
    font-weight: 600;
}
.row-img-total{
    padding-right: 0px; 
    padding-left: 0px; 
}

.sigin_link_action {
    text-align: right;
    clear: both;
    overflow: hidden;
}

.link-more {
    background-image: url(img/btn-morered.png);
    font-size: 100%;
    font-family: Roboto, sans-serif;
    padding-left: 28px;
    position: relative;
    background-position: 15px center;
    background-repeat: no-repeat;
    font-family: Roboto;
    color: #df0c36;
    font-size: 16px;
}

.label-session{
        font-family: Roboto;
    font-weight: bold;
    font-size: 18px;
    font-size: 131%;
    color: #666;
}
.div-form{
    margin-left: 30px;
    margin-right: 30px;
}

@media only screen and (max-width: 770px) {
    .div-form{
        margin-left: 10px;
        margin-right: 10px;
    }
    .h2-connection-block {
        margin-top: 15px;
    }
}
@media only screen and (max-width: 1024px) {
    .h2-connection-block {
        margin-top: 15px;
    }
}

@media only screen and (max-width: 320px) {
    .footer-social ul li {
        display: inline-block;
        margin-left: 0px;
        /* margin-bottom: 10px; */
    }
}

.BtnSupprimer-pop {
    display: block;
    width: 100%;
    height: 36px;
    width: 67px;
    width: 67px\9;
    height: 36px;
    background-image: url(img/btn_delete.png);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}

.BtnValider {
    display: block;
    width: 100%;
    height: 36px;
    width: 67px;
    width: 67px\9;
    height: 36px;
    background-image: url(img/btn_valider.png);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}

.imgAccueil{
    border: 0px solid #ddd;
}

input[type=checkbox], input[type=radio] {
    display: none;
}


/* BOUTON ACTION */
.btn-suivant {
    font-family: Roboto;
    font-size: 21.34px;
    letter-spacing: 0.02em;
    float:right;
    zoom: 1;
    background-color: #F8F8F8;
    background-image: url("../css/img/btn-morered.png");
    background-position: 0px center;
    background-repeat: no-repeat;
    color: #DF0C36;
    display: inline-block;
    height: 38px;
    line-height: 38px;
    margin-top: 2px;
    /*min-width: 166px;*/
    overflow: hidden;
    text-indent: 15px;
    padding-right: 5px;
    text-align:left;
    cursor:pointer;
    vertical-align: middle;
    max-width: 260px;
    margin-right: 10px;
}
.btn-suivant a{
    color:#DF0C36;
}
.btn-suivant a:hover{
    text-decoration: underline;
    color:#DF0C36;
}
.btnsuiv{
    font-family: Roboto;
    font-size: 21.34px;
}

.btn{
    font-family: Roboto;
    font-size: 21.34px;
    padding-top: 0px;
}
.cheminNavigationTitre{
   font-family:Roboto, sans-serif !important;
   font-size: 13px;
    color: #DF0C36;
    font-weight: bold;
    font-style: italic;
}
.div-no-padding {
	padding-left: 0px;
	padding-right: 0px;
	margin: 0 !important;
}
.lien-profil{
    padding-left: 60px;
}

@media only screen and (max-width: 1024px) {
    .footer-social  {
        text-align: center;
    }
	.div-no-padding {
	   padding-left: 0px;
	   padding-right: 15px;
	}
}
@media only screen and (max-width: 425px) {
    .lien-profil{
        padding-left: 0px;
    }
}

.libLinkPj {
    color: #df0c36;
    height: 27px;
    line-height: 27px;
    font-size: 129%;
    font-weight: normal;
    font-family: Roboto;
}

.toast{
width: 100%;
height: auto;
margin: 0px;
border: 2px solid #FFFFFF;
border-radius: 0px;
text-align:center;
color:white;
font-size:16px;
background-color:#DF0C36;
font-family: Roboto;
font-weight: bold;
line-height: 1.42857143;
vertical-align: middle;
}