/* CUSTOM UTILS */
.toolTip-button{
	display:block;
	float:left;
	width:30px;
	height:30px;
	
	background:#fff;
	border:3px #0079c1 solid;
    border-radius: 50%;
    cursor:pointer;
}
.toolTip-button:after{
  content: '?';
  font-family: Arial;
  font-weight: bold;
  color: #0079c1;
  line-height: 25px;
  font-size: 20px;
}

.addFile-button{
	display:block;
	float:left;
	width:30px;
	height:30px;
	
	background:#fff;
	border:3px #0079c1 solid;
    border-radius: 50%;
    cursor:pointer;
}
.addFile-button:after{
  content: '+';
  font-family: Arial;
  font-weight: bold;
  color: #0079c1;
  line-height: 25px;
  font-size: 20px;
}
/* GENERIC CLASSES */
.fleft{
	float:left;
}
.fright{
	float:right;
}
.cboth{
	display:block;
	clear:both;
}
.opacity0{	
	opacity: 0;
}
.padding0{	
	padding: 0 !important;
}
/* ===================================================================================================================================================== */
/* buSS WEBPORTAL COMMUNS */
/* ===================================================================================================================================================== */
html {
	/* DESACTIVER LA SELECTION DU TEXTE */
	/*
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -o-user-select: none;
   user-select: none;
*/
	
}

a:focus,select,textarea,div,img {
	outline: none;
}

a img {
	border: none;
}

a {
	text-decoration: none;
}

body {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: normal;
	text-transform: none;
	text-decoration: none;
	text-align: left;
	color: #ffffff;
	padding: 0px;
	margin: 0px;
	background-color: #000;
}

#zepage {
	display: block;
}
#formula .blocinput .groupfld.nodisplayblock,
#formula_info .blocinput .groupfld.nodisplayblock,
.nodisplayblock {
	display: none;
}

#wrapper {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: transparent;
	background-image: url("../images/dot.png");
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto auto;
	height: 100%;
	margin-bottom: -30px;
	min-height: 100%;
	width: 100%;
}

.fullpage {
	position: relative;
	float: left;
	width: 76%;
	margin: 0px 12% 0% 12%;
	padding: 0;
	font-size: 1em;
}

.fullpage.body {
	margin-top: 150px;
	margin-bottom: 150px;
}

.fullpage.body.hasMap {
	margin-bottom: 350px;
}

#errorMessage {
	margin-top: 5%;
	min-height: 15px;
}

#errorMessageBlock {
	margin-top: 90px;
	min-height: 15px;
}
#directDebitDivContainer{
	position:relative;
}
#errorMessageOneLine {
	/*position: relative;*/
	position: absolute;
	right: 8%;
	top: 0;
	width: 83%;
	z-index: 2;
}
.errorContainer{
	color:#DF1659;
}

.fullpage h2.chapter {
	display: inline-block;
	float: left;
	margin: 10px 0 10px 0;
	padding: 8px 15px 8px 15px;
	color: #333;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.2em;
	background: #F0F0F0;
	clear: both;
}

.fullpage h2.chapter a {
	color: #54A408;
	text-decoration: none;
	cursor: default;
}

.fullpage .helpanchor {
	display: block;
	cursor: default;
	clear: both;
}

.visible {
	display: block !important;
}

.none {
	display: none !important;
}

label {
	font-family: 'asap-regular', Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	margin-bottom: 4px;
	padding-bottom: 0;
	margin-left: 15px;
	letter-spacing: 1px;
	line-height: 12px;
	display: block;
	font-weight: normal;
}

ul,ol {
	margin-left: 0;
}

ul {
	list-style: none;
	padding-left: 0;
}

.wrapcenter {
	position: relative;
	display: block;
	float: left;
	width: 98%;
	padding: 0px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
}

.wrapcenter.borderbottom {
	border-bottom: solid 3px #F0F0F0;
}

fieldset{
	margin:0;
	padding:0;
}

#accessibilite {
	position: relative;
	float: right;
	font-size: 12px;
	line-height: 12px;
	color: white;
	padding: 0px 5px 0px 5px;
	background: #808080;
	height: 34px;
	margin-bottom: 6px;
}

#accessibilite #access_oc {
	position: relative;
	float: left;
}

#accessibilite a {
	color: #fff;
	text-decoration: none;
}

#accessibilite #connexion {
	position: relative;
	float: left;
	padding: 7px 5px 6px 0px;
	margin: 0 5px 0px 0;
	border-right: solid 1px #999;
}

#accessibilite #assistance {
	display: block;
	float: left;
	color: #Fff;
	margin: 0 5px 0px 0;
	padding: 3px 5px 3px 0;
	word-wrap: normal;
	border-right: solid 1px #999;
}

#accessibilite #assistance .num {
	display: block;
	float: left;
	font-size: 16px;
	line-height: 16px;
	color: #Fff;
	text-transform: capitalize;
	margin: 0;
	font-weight: bold;
	clear: both;
}

#accessibilite #assistance .lib {
	display: block;
	float: left;
	font-size: 12px;
	line-height: 12px;
	font-weight: normal;
}

#accessibilite #action {
	display: block;
	float: left;
	font-weight: normal;
	padding-top: 8px;
	padding-right: 4px;
	text-transform: uppercase;
}

#accessibilite #action .asmaller {
	display: block;
	float: left;
	font-size: 16px;
	padding-top: 4px;
}

#accessibilite #action .ahigher {
	display: block;
	float: left;
	font-size: 23px;
	padding-top: 2px;
	font-weight: bold;
}

#accessibilite #view {
	display: block;
	float: left;
	font-weight: normal;
	padding-top: 8px;
	text-transform: uppercase;
}

/*																CHAMPS INPUT (text, button) 
-------------------------------------------------------------------------------------------------------------------------------------------------------- */

.autocomplete-items{
	background-color: white;
	z-index:99;
}

.autocomplete-itemsOverFlow{
	overflow:scroll;
	height:150px;
}

.autocomplete-items div{
	font-size:0.8em;
	display :block;
	background-color: white;
	padding: 10px;
	cursor: pointer;
	text-align:left;
}

.autocomplete-items div:hover {
  background-color: #e9e9e9; 
}

.obligsample {
	float: left;
	margin: 0 0 0 10px;
	background-color: #fff !important;
	color: #666;
	padding: 6px 6px 6px 10px;
	font-size: 0.8em !important;
}

.pwdquality,.pwdidem {
	display: inline-block;
	width: 100%;
	height: 30px;
	background-color: #C0C0C0;
	border: solid 1px #fff;
	color: #fff;
	padding: 6px 6px 6px 10px;
	font-size: 0.8em;
}

input:focus {
	outline: none;
}

input {
	letter-spacing: 1px;
}

input[type=text],input[type=password],input[type=email],input[type=button],textarea,input[type=file]/*,select*/
	{
	-moz-appearance: none;
	-webkit-border-radius: 5px;
	border-radius:5px;
}

input[type=text],input[type=password],input[type=email],textarea,select,input[type=file], input[type=number]
	{
	font-family: Verdana, Geneva, sans-serif;
	/* ATTENTION textarea ne sait pas afficher des polices non standard */
	border: none;
	padding: 6px 6px 6px 10px;
	color: #323232;
	margin-bottom: 10px;
	font-size: 0.8em !important;
	background-color: #fff;
	/*	box-shadow:2px 2px 5px rgba(0, 0, 0, 0.35) inset;*/
	/*	-webkit-box-shadow:2px 2px 5px rgba(0, 0, 0, 0.35);*/
}

input[type=checkbox] {
	vertical-align: middle;
}

/*
select
	{
	background-color:transparent;
	height:30px;

 -webkit-appearance: none; appearance: none;

border-top:5px solid rgba(0,0,0,0.2);
border-left:5px solid rgba(0,0,0,0.2);
	height:40px;
	}
	*/
input[type=text].disabled,input[type=password].disabled,textarea.disabled,select.disabled,input[type=file].disabled
	{
	background-color: #f0f0f0 !important;
	color:#ccc;
}

input[type=text].numeric {
	text-align: right;
}

input[type=text].euro {
	background: white url(../images/fieldeuro.png) no-repeat right center;
	text-align: right;
	padding-right: 20px !important;
}

input[type=text].mcube {
	background: white url(../images/mcube.png) no-repeat right center;
	text-align: right;
	padding-right: 35px !important;
}


input[type=text].short,input[type=password].short,select.short {
	width: 120px;
}

input[type=text].large,input[type=password].large,select.large {
	width: 220px;
}

input[type=text].verylarge,input[type=password].verylarge,select.verylarge,textarea.verylarge
	{
	width: 320px;
}

input[type=text],input[type=password],input[type=email],select,input[type=file], input[type=number] {
	height: 30px;
}

input[type=button] {
	cursor: pointer;
	/* m�thode de redesign compatible iPad et OSx en g�n�ral */
	background-image: url(msiegradient.php?from=ffffff&to=C0C0C0&a=1);
	/* >>>>>>>>>>>>>>>>>> SVG pour simuler le gradient sur IE9 <<<<<<<<<<<<<<<<<< */
	background-image: linear-gradient(bottom, rgb(192, 192, 192) 0%,
		rgb(255, 255, 255) 50%);
	background-image: -o-linear-gradient(bottom, rgb(192, 192, 192) 0%,
		rgb(255, 255, 255) 50%);
	background-image: -moz-linear-gradient(bottom, rgb(192, 192, 192) 0%,
		rgb(255, 255, 255) 50%);
	background-image: -webkit-linear-gradient(bottom, rgb(192, 192, 192) 0%,
		rgb(255, 255, 255) 50%);
	background-image: -ms-linear-gradient(bottom, rgb(192, 192, 192) 0%,
		rgb(255, 255, 255) 50%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(192,
		192, 192)), color-stop(0.5, rgb(255, 255, 255)));
}

input[type=button],input[type=submit].normalbutton,.next {
	padding: 0px 20px 0px 20px;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 0.9em;
	height: 31px;
}

input[type=button].smallbutton,.back {
	text-transform: uppercase;
	font-size: 0.6em;
	padding: 5px;
	line-height: 14px;
}

input[type=button].annulbutton {
	border: solid 1px #2F6DA6;
	background: url();
	margin-right: 0px;
	padding: 1.2% 20px 1.2% 20px;
}

input[type=button].annulbutton:hover {
	color: #ffffff;
	background-color: #415A79;
}

.labelbtn_checked {
	/*
	background-color:#ff5318!important;
	font-weight:bold;
*/
	color: #ff5318 !important;
}

.labelbtn_unchecked {
	/*
	background-color:#fff!important;
	font-weight:normal;
*/
	color: #323232 !important;
}

label.fancyradiobtn {
	display: inline-block;
	background: #fff;
	color: #323232;
	line-height: 14px;
	font-size: 14px;
	vertical-align: 9px;
	padding: 5px 10px 5px 20px;
	cursor: pointer;
	background: white url(../images/etiqleft.png) no-repeat left center;
}

.styledRadio,.styledCheckbox {
	display: inline-block;
}

p.asterisque {
	font-size: 0.8em;
	line-height: 1em;
	margin: 10px 0;
	color: #999;
}

/* assistant de formulaire 	*/
.commands .button-back {
	margin: 0 9px 0px 7px;
	display: inline-block !important;
	text-transform: uppercase;
	font-size: 0.6em;
	padding: 5px;
	line-height: 14px;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	vertical-align: top;
}

.commands .button-next {
	margin: 0 9px 0px 7px;
	display: inline-block !important;
	padding: 6px 20px 0px 20px;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 0.9em;
	height: 31px;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	vertical-align: top;
}

#directDebitForm-next-0 {
	margin: 7px 9px 0px 0px;
}

#releve .commands .button-next {
	padding: 3px 20px 0px 20px;
}

#formula .formInfo{
	float:left;
	background-color:#fff;
	margin-left:15px;
	padding:5px 15px;
	border:1px #0079c1 solid;
	width: calc(100% - 450px);
}

/*																FIN CHAMPS INPUT (text, button) 
-------------------------------------------------------------------------------------------------------------------------------------------------------- */
.clear {
	clear: both;
	height: 0;
	line-height: 0;
	overflow: hidden;
}

.message_tt {
	display: block;
	position: relative;
	float: right;
	clear: both;
	text-align: justify;
	padding: 10px;
	font-weight: bold;
	/*margin: 15px 0 15px 0;*/
}

.message_tt.error {
	background-color: #DF1659;
	color: #fff;
}

.message_tt.notify {
	background-color: #FD5318;
	color: #fff;
}

.message_tt:after {
	content: '';
	position: absolute;
	bottom: -10px;
	margin-left: -6px;
	width: 0;
	height: 0;
	border-right: 10px solid transparent;
	
/* 	border-left: 10px solid transparent; */
/* 	left: 10%; */
	border-left: 0;
	left: 4%;
}

.message_tt.error:after {
	border-top: 10px solid #DF1659;
}

.message_tt.notify:after {
	border-top: 10px solid #FD5318;
}

/*
.arrondi5 { 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	behavior: url(PIE.htc);
	}

.arrondi10 { 
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px; 
	border-radius: 10px; 
	behavior: url(PIE.htc);
	}

.arrondi15 { 
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px; 
	border-radius: 15px; 
	behavior: url(PIE.htc);
	}

.arrondi20 { 
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px; 
	border-radius: 20px; 
	behavior: url(PIE.htc);
	}

.arrondi25 { 
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px; 
	border-radius: 25px; 
	behavior: url(PIE.htc);
	}
*/
#header {
	position: fixed;
	width: 100%;
	background: #f0F0F0;
	font-size: 1em;
	color: #fff;
	box-shadow: 0px 0px 10px #A0A0A0;
	z-index: 1000;
}

#header .blocmaxheigh {
	height: 100px;
	max-height: 100px;
}

#header .blochalfminheigh {
	height: 45px;
	min-height: 45px;
}

#header #infoabo {
	position: relative;
	float: right;
	width: auto;
	font-size: 1.2em;
	padding: 0 0 0 4px;
	margin-left: 0 !important;
	margin-bottom: 6px;
	margin-right: 10px;
	background-color: #F0F0F0;
	z-index: 2000;
}

#header #infoabo .infos {
	display: block;
	float: left;
	/*background-color:#C0C0C0;*/
	padding: 5px 4px 0 4px;
	font-family: verdana;
}

#header #infoabo .infos .name,#header #infoabo .infos .ref {
	display: block;
	float: left;
	clear: both;
	border: none;
	line-height: 1em;
	font-weight: normal;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
}

#header #infoabo .infos .name {
	font-weight: normal;
}

#header #infoabo .infos .ref {
	padding-bottom: 2px;
	overflow: hidden;
}

#header #infoabo h2 {
	float: none;
	border: none;
	font-size: 12px;
	line-height: 12px;
	font-weight: normal;
	color: #666;
	text-transform: uppercase;
	padding: 0;
	margin: 5px 0 10px 0;
}

#header #infoabo .abonne {
	display: block;
	float: left;
	padding: 0px 0 0 25px;
	font-size: 0.75em;
	text-transform: uppercase;
}

#header #menugen {
	position: relative;
	float: right;
	width: auto;
	padding: 0px;
	text-transform: uppercase;
	font-size: 1em;
	line-height: 1.2em;
	z-index: 1000;
}

#header #menugen #before {
	display: block;
	position: relative;
	float: left;
	height: 100%;
	margin-right: 1px;
	background: #C0C0C0;
	text-transform: uppercase;
}

#header #menugen #content {
	display: block;
	position: relative;
	float: left;
}

#pagetitle {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	/*margin-top:25px;*/
}

#headerwrapcenter.minilogo #pagetitle {
	margin-top:25px;
	overflow:visible;
}

#headerwrapcenter {
	display: inline-block;
	min-height: 80px;
}

#headerwrapcenter #logoHeader {
	display: block;
	position: absolute;
	height: 90px;
	width:220px;
	margin: 0;
}

#headerwrapcenter #logoHeader .logo {
	display: inline-block;
	height: 100%;
	width: 100%;
	background-size: contain; 
	margin-top: 5px;
	margin-left: 16px
}

#pagetitle h1 {
	display: block;
	float: left;
	width: 50%;
	color: #666;
	font-size: 1.4em;
	line-height: 1em;
	margin: 5px 0 0 0;
	padding-bottom: 5px;
	font-weight: normal;
	text-shadow: 2px 2px 2px #fff;
}

#pagetitle .alertmsg {
	display: none;
	position: relative;
	float: right;
	width: 50%;
	font-family: verdana;
	margin: 0;
	padding: 0px 30px 0px;
	overflow: hidden;
}

#pagetitle .alertmsg p {
	font-size: 0.8em;
	line-height: 1em;
	margin: 0;
	text-align: right;
	color: #fff;
	margin-right: 0;
}

#pagetitle .alertmsg p a {
	text-decoration: none;
}

.table_responsive {
	position: relative;
	float: left;
	width: 85%;
}

table th {
	color: #A0A0A0;
}

table th,table td {
	font-size: 1em;
}

table th.cel_right,table td.cel_right {
	text-align: right !important;
}

#ccompte_istep {
	position: absolute;
	top: 0;
	left: 0;
	width: 51px;
	height: 48px;
	background: url(../images/iconx_step.png) no-repeat left top;
	z-index: 10;
}

#ccompte_istep .istep {
	display: inline-block;
	margin: 1px 0 0 5px;
	font-size: 2em;
	line-height: 1em;
	font-weight: bold;
}

#ccompte_istep .nstep {
	display: inline-block;
	margin: 1px 0 0 2px;
	font-size: 1em;
	line-height: 1em;
	color: #666;
}

#formula_wrap {
	position: relative;
	margin-top: 20px;
}

#formula {
	position: relative;
	padding: 20px 0 0 36px;
	color: #444;
	margin-bottom: 20px;
}

#formula .bloccols h2 {
	position: relative;
	float: left;
	clear: both;
	margin: 0 0 5px 0;
	padding: 5px 0px 5px 10px;
	font-weight: normal;
	font-size: 1em;
	line-height: 1em;
	text-align: right;
}

#formula .bloccols h2.withstepper {
	padding-left: 35px;
}

#formula .bloccols h2.withstepper .requestTypeField {
	text-transform:uppercase;
	display: block;
}

#formula p {
	font-family: times new roman;
	font-size: 1.2em;
	line-height: 1em;
	font-style: italic;
}

#formula.nomargeleft {
	padding-left: 0px;
}

#formula.ccompte {
	width: 70%;
}

#formula .blocspecimen {
	text-align: center;
}

#formula .bloccols {
	position: relative;
	float: left;
	width: 100%;
	padding: 10px;
	background: #F0F0F0;
}

/*#formula .bloccols .bloccol2:nth-child(2) {*/
#formula .bloccols .bloccol2:nth-of-type(2) {
	margin-right: 0;
}

#formula .bloccols .bloccol2:nth-of-type(1) {
	clear: both;
}

#formula .bloccol1 {
	position: relative;
	float: left;
	width: 100%;
	padding: 10px 0 0px 0;
	background: #F0F0F0;
}

#formula .bloccols .bloccol2 {
	position: relative;
	float: left;
	width: 49%;
	margin: 0 2% 0px 0;
	background: #F0F0F0;
}

#formula .bloctitle.reclam {
	background: url("../images/iconx_reclam.png") no-repeat center center;
}

#formula .bloctitle.document {
	background: url("../images/iconx_document.png") no-repeat center center;
}

#formula .bloctitle.interv {
	background: url("../images/iconx_interv.png") no-repeat center center;
}

#formula .bloctitle.adresse {
	background: url("../images/iconx_adresse.png") no-repeat center center;
}

#formula .bloctitle.tel {
	background: url("../images/iconx_tel.png") no-repeat center center;
}

#formula .bloctitle.comment {
	background: url("../images/iconx_comment.png") no-repeat center center;
}

#formula .bloctitle.factory {
	background: url("../images/iconx_factory.png") no-repeat center center;
}

#formula .bloctitle.baby {
	background: url("../images/iconx_baby.png") no-repeat center center;
}

#formula .bloctitle.bloctitle.email {
	background: url(../images/iconx_email.png) no-repeat center center;
}

#formula .bloctitle.bloctitle.typeprev {
	background: url(../images/iconx_typeprev.png) no-repeat center center;
}

#formula .bloctitle.bloctitle.calendprev {
	background: url(../images/iconx_calendprev.png) no-repeat center center;
}

#formula .bloctitle.bloctitle.password {
	background: url(../images/iconx_password.png) no-repeat center center;
}

#formula .bloctitle.bloctitle.man {
	background: url(../images/iconx_man.png) no-repeat center center;
}

#formula .bloctitle.bloctitle.loupe {
	background: url(../images/iconx_loupe.png) no-repeat center center;
}

#formula .bloctitle {
	position: relative;
	float: left;
	width: 100%;
	height: 60px;
}

#formula .bloctitle .blocspecimen {
	position: relative;
	float: left;
	width: 100%;
}

#formula .blocinput,#formula_info .blocinput {
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
	padding: 10px 10px 0px 10px;
}
#formula .blocinput label,#formula_info .blocinput label{
	text-align: left;
}

#formula .blocinput select,
#formula .blocinput input[type=text],
#formula .blocinput input[type=password],
#formula .blocinput input[type=email],
#formula .blocinput textarea,
#formula_info .blocinput select,
#formula_info .blocinput input[type=text],
#formula_info .blocinput input[type=email],
#formula_info .blocinput textarea,
#formula_info .blocinput input[type=file]
	{
	width: 100%;
}

#formula .blocinput label,#formula_info .blocinput label {
	margin-left: 0;
}

#formula label.fancyradiobtn {
	color: #323232;
}

#formula .blocinput .groupfld,#formula_info .blocinput .groupfld {
	display: inline-block;
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
}

#formula .blocinput .groupfld.withetiq,#formula_info .blocinput .groupfld.withetiq
	{
	margin-bottom: -5px;
}

#formula .blocinput .groupfld input[type=text],
#formula .blocinput .groupfld input[type=password],
#formula .blocinput .groupfld input[type=email],
#formula .blocinput .groupfld select,
#formula_info .blocinput .groupfld input[type=text],
#formula_info .blocinput .groupfld input[type=password],
#formula_info .blocinput .groupfld input[type=email],
#formula_info .blocinput .groupfld select,
#formula .blocinput .groupfld input[type=file]{
	width: 100%;
	margin: 0;
	padding:0;
}

#formula .blocinput .groupfld input[type=text].hasDatepicker {
	width: auto;
	margin-bottom: 6px;
}

.ui-datepicker-trigger {
	margin: 1px 0 0 3px;
}

#formula .blocinput .groupfld:last-of-type,#formula_info .blocinput .groupfld:last-of-type
	{
	margin-bottom: 5px;
}

#formula .blocinput .groupfld .fieldtitle,#formula_info .blocinput .groupfld .fieldtitle
	{
	display: inline-block;
	float: left;
	color: #444;
	font-size: 0.75em;
	font-family: verdana;
	letter-spacing: 1px;
	border-bottom: solid 1px #fff;
	margin: 0 0 5px 0;
	padding: 0 0 2px 0;
}

#formula .blocinput .groupfld .field,#formula_info .blocinput .groupfld .field
	{
	display: inline-block;
	float: left;
	margin: 0 0 10px 0;
	padding: 0 1% 0 0;
}

#formula .blocinput .groupfld .field:last-of-type,#formula_info .blocinput .groupfld .field:last-of-type
	{
	padding-right: 0;
}

#formula .blocinput .groupfld .field .etiq,#formula_info .blocinput .groupfld .field .etiq
	{
	display: inline-block;
	float: left;
	width: 100%;
	color: #666;
	font-size: 0.8em;
	text-align: left;
	padding: 3px 0px 3px 10px;
	background: #F0F0F0 url(../images/etiqleft.png) no-repeat left -25px;
}

#formula .commands {
	float: left;
	width: 100%;
	margin: 10px 0 0 0;
	text-align: right;
}

#formula .alignright {
	margin: 10px 0 0 0;
	float: right;
}

#formula .commands input[type=button] {
	margin: 0 9px 0 7px;
}

#formula_info {
	position: relative;
	float: left;
	padding: 0px 10px 0 0;
	color: #444;
}

#formula_info.ccompte {
	width: 30%;
}

#formula_info.ccompte_display {
	width: 85%;
}

#formula_info.ccompte a {
	/*text-transform: uppercase;*/
}

#formula_info.wsize {
	width: 29%;
	clear: both;
}

#formula_info h2 {
	font-size: 1em;
	line-height: 1em;
	margin-bottom: 10px;
}

#formula_info h2.header {
	font-size: 1em;
	line-height: 1em;
	margin-bottom: 10px;
}

#formula_info h2.supertitle {
	font-size: 3em;
	line-height: 1em;
	text-transform: none;
	margin: 0;
}

#formula_info h3 {
	font-size: 1em;
	line-height: 1.2em;
	color: #666666;
	margin-top: 20px;
	text-transform: none;
}

#formula_info h3 .fat {
	text-transform: uppercase;
}

#formula_info h3.mainInfo {
	text-transform: uppercase;
	font-weight:normal;
}

#formula_info h3.mainInfo img {
	margin-right:10px;
	margin-top:-4px;
}

#formula_info h4 {
	font-size: 1em;
	line-height: 1.2em;
	color: #666;
	margin-top: 40px;
	text-transform: none;
	font-weight: normal;
}

#formula_info p {
	display: inline-block;
	font-size: 0.9em;
	line-height: 1.1em;
	margin: 10px 0 10px 0;
}

/*																BLOC HELP 
-------------------------------------------------------------------------------------------------------------------------------------------------------- */
.help_header,.help_footer {
	position: relative;
	float: left;
	width: 100%;
	background: #f0F0F0;
	font-size: 1em;
}

.help_header {
	margin-bottom: 20px;
}

.help_footer {
	margin-top: 20px;
}

.footer_body {
	margin-bottom: 10px;
	float: left;
}

.help_header h2,.help_footer h2 {
	display: block;
	float: left;
	clear: both;
	color: #666;
	font-size: 1.4em;
	line-height: 1em;
	margin: 5px 0 0 0;
	padding-bottom: 5px;
	font-weight: normal;
	text-shadow: 2px 2px 2px #fff;
}

.help_header ul li,.help_footer ul li {
	
}

.help_header ul li a,.help_footer ul li a {
	position: relative;
	float: right;
	font-weight: normal;
	text-transform: uppercase;
	color: #fff;
	padding: 5px 10px 5px 10px;
}

/*																FIN BLOC HELP 
-------------------------------------------------------------------------------------------------------------------------------------------------------- */

/*																FOOTER 
-------------------------------------------------------------------------------------------------------------------------------------------------------- */
#footer {
	position: fixed;
	bottom: 0;
	float: left;
	width: 100%;
	background: #808080;
	font-size: 0.6em;
	margin-top: 30px;
	color: #666;
}

#footer .footerwrap {
	padding: 25px 0 20px 0;
}

#footer.nomargin {
	margin-top: 0px !important;
}

#footer .zone {
	position: relative;
	float: left;
	margin: 0% 3% 0% 0%;
	padding: 0;
	text-align: justify;
	overflow: hidden;
}

#footer .zone.i3blocs {
	width: 27%;
	margin-right: 9%;
}

#footer .bottom {
	position: relative;
	float: left;
	width: 100%;
	color: #fff;
	/*	border-top: solid 1px #e0e0e0; */
	text-align: center;
}

#footer .zone h4 {
	display: inline-block;
	color: #666;
	text-transform: uppercase;
	margin-bottom: 10px;
	text-align: left;
	font-size: 1.2em;
	line-height: 1.2em;
	border-bottom: solid 1px #666;
	padding-bottom: 5px;
	text-shadow: 1px 1px 1px #e0e0e0;
}

#footer .zone.i3blocs:nth-child(3) {
	margin-right: 0%;
}

/*																UNDEFINED NEWS STYLES
-------------------------------------------------------------------------------------------------------------------------------------------------------- */
.dial {
	position: fixed;
	z-index: 111111;
	width: 100%;
	top: 0px;
	left: 0px;
	border-bottom: 1px solid #A29330;
	background: #FDF2AB no-repeat 10px center
		url(http://browser-update.org/img/dialog-warning.gif);
	text-align: left;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
}

.dial div {
	padding: 5px 36px 5px 40px;
}

.dial #dialText {
	text-align: justify;
}

.dial a,.dial a:visited {
	color: #E25600;
	text-decoration: underline;
}

.dial #dialCount {
	font-weight: bold;
}

#dialClose {
	position: absolute;
	right: .5em;
	top: .2em;
	height: 20px;
	width: 12px;
	font-weight: bold;
	font-size: 14px;
	padding: 0;
}

.billTitleBlock {
	display: block;
}

.blockRequired{
	float: left;
	margin-top: 10px;
}

label.error {
   	background-color: #DF1659;
    color: white  !important;
    font-size: 0.9em;
    font-weight: bold;
    opacity: 1;
    padding: 8px 7px 9px;
    position: absolute;
    text-align: center;
    transform: translateX(-77px);
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
    letter-spacing: 1px;
}
/*
@media screen and (-webkit-min-device-pixel-ratio:0)
{ 
	label.error {
    	left : -65px;
	}
}
*/
.comb.error:after {
    border-left: 8px solid #DF1659;
}
	
.comb:after {
	border-left: 6px solid #FD5318;
    border: 6px solid transparent;
    content: "";
    height: 0;
    margin: 0 0 0 7px;
    position: absolute;
    width: 0;
}

#billsDiv {
	clear: both;
	display: block;
	float: left;
	position: relative;
	margin-bottom: 15px;
}

.displayDisabledIcon {
	background: url(../images/iconexs_nodoc.png) no-repeat;
	/* HACK BUG jQgrid */
		/*padding: 6px 11px;*/
		display:block;
		width:22px;
		height:26px;
		position:absolute;
		top:1px;
		left:11px;
}

.displayIcon {
	background: url(../images/iconexs_pdfadobe.png) no-repeat;
	/* HACK BUG jQgrid */
		/*padding: 6px 11px;*/
		display:block;
		width:22px;
		height:26px;
		position:absolute;
		top:0;
		left:11px;
}

.simpleDisplayIcon {
	background: url(../images/iconexs_pdfadobe.png) no-repeat;
	display: block;
	width: 22px;
	height: 26px;
}

/* HACK BUG jQgrid */
.ui-jqgrid td{
	position:relative;
}

a.payIcon {
	background: url(../images/payicon.png) no-repeat center center;
	display: block;
	height: 14px;
	width: 14px;
}

#errorMessageOneLine.acrFormPage{
    width: 98%;
}

/* ------------ ADAPTATION JQUERY ------------------------ */

.ui-icon-color-info {
	background-image: url(images/ui-icons_2e83ff_256x240.png) !important; 
}

.ui-icon-color-alert {
	background-image: url(images/ui-icons_cd0a0a_256x240.png) !important; 
}

.ui-dialog-centered {
	left: 50% !important;
	top: 50% !important;
	transform: translate(-50%, -50%);
}

.ui-dialog-no-close .ui-dialog-titlebar-close {
	display: none;
}

.ui-dialog-content .ui-icon {
	float: left;
	margin:0 10px 0 0;
}

.ui-dialog .ui-dialog-buttonpane button.ui-state-focus, .ui-dialog .ui-dialog-buttonpane button.ui-state-hover {
	border: none;
}

.ui-dialog-content {
	text-align: justify;
}

.ui-jqdialog{
	border:1px solid #808080 !important;
}
.ui-widget-overlay{
	background:	rgba(0, 0, 0, 0.3);
}
ul.stepy-titles{
	display:none;
}
.hint:before,
.hint:after,
[data-hint]:before,
[data-hint]:after{
	z-index:900 !important;
}


#meterread table {
	margin-bottom:20px;
}
#meterread table th{
	background-color:#a0a0a0;
	color:#fff;
	border-right: 1px #fff solid;
}
#meterread table td{
	padding-left:5px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .hint--info.hint--left:before{
		bottom: -2px;
	}
	.hint--info.hint--left:after{
		bottom: 5px;
	}
	
    .forSelect.hint--info.hint--left:before{
		bottom: 17px;
	}
	.forSelect.hint--info.hint--left:after{
		bottom: 25px;
	}
}

#formula .formTextBloc{
	max-height:200px;
	background-color:#fff;
	border: 2px #808080 solid;
	padding:10px;
	overflow:auto;
	margin-bottom:15px;
}


#formula .formTextBloc h1{
	font-size: 1.4em;
	margin-bottom:10px;
}
#formula .bloccol2 .formTextBloc{
	max-height:100px;
	font-size:0.8em;
}

/* --------- custom checkboxes ------------- */
.customCheckBox[type="checkbox"]:not(:checked),
.customCheckBox[type="checkbox"]:checked {
	position: absolute;
	left: -9999px;
}
.customCheckBox[type="checkbox"]:not(:checked) + label,
.customCheckBox[type="checkbox"]:checked + label {
	position: relative;
	padding-left: 25px;
	cursor: pointer;
	line-height:28px;
	margin-left:5px;
}
.customCheckBox[type="checkbox"]:not(:checked) + label:before,
.customCheckBox[type="checkbox"]:checked + label:before {
	content: '';
	position: absolute;
	left:0; top: 2px;
	width: 17px; height: 17px;
	border: 1px solid #aaa;
	background: #f8f8f8;
	border-radius: 3px;
	box-shadow: inset 0 1px 3px rgba(0,0,0,.3)
}
.customCheckBox[type="checkbox"]:not(:checked) + label:after,
.customCheckBox[type="checkbox"]:checked + label:after {
	content: '✔';
	position: absolute;
	top: -19px;
	left: 0px;
	font-size:30px;
	color: #09ad7e;
	line-height: 1.75;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	transition: all .2s;
}
.customCheckBox[type="checkbox"]:not(:checked) + label:after {
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}
.customCheckBox[type="checkbox"]:checked + label:after {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.customCheckBox[type="checkbox"]:disabled:not(:checked) + label:before,
.customCheckBox[type="checkbox"]:disabled:checked + label:before {
	box-shadow: none;
	border-color: #bbb;
	background-color: #ddd;
}
.customCheckBox[type="checkbox"]:disabled:checked + label:after {
	color: #999;
}
.customCheckBox[type="checkbox"]:disabled + label {
	color: #aaa;
}
.customCheckBox[type="checkbox"]:checked:focus + label:before,
.customCheckBox[type="checkbox"]:not(:checked):focus + label:before {
	border: 1px dotted blue;
}


/* -------------- Champs en erreur ------------------------*/
div.field.error{
	color:#DF1659;
}

/* -------------- HOMOGENEISATION CASSE TEXTES -----------------------*/
label:first-letter,
#accessibilityRememberMe:first-letter,
h3:first-letter,
ul.submenu li a:first-letter,
.step .num:first-letter,
td.libelle:first-letter,
#formula h2:first-letter{
	text-transform:capitalize;
}



/* ---------------------  POSITIONNEMENT DU LOADER  ---------------------------------*/


#globalLoadingPanel
{
	cursor:wait;
	display:none;
	position:fixed;
	padding:0;
	top:0;
	left:0;
	z-index:10000;
	width: 100%;
	height: 100%;
	opacity:1;
	background-color: rgba(250, 250, 250, 0.6);
}
#globalLoadingPanel div
{
	padding:0;
	display:block;
}
#loader_center
{
	position:relative;
	top:50%;
	left:50%;
	width:162px;
	height:20px;
	margin-left:-81px;
	margin-top:-30px;
}
#loader_wording
{
	text-align:center;
	font-size:20px;
	color:#666;
	text-transform:uppercase;
}


.labelline {
	float : left;
	margin-top : 7px;
}

/* VIEUX RIB */


#formula .bloccols .ibanpart {
	position: relative;
	float: left;
	background: #F0F0F0;
}

#formula .bloccols .ibanpart1 {
	width: 25%;
	margin-right: 2%;
}

#formula .bloccols .ibanpart2 {
	width: 73%;
}

#formula .ibanzone {
	position: relative;
	float: left;
	width: 100%;
	height: 5px;
	margin-top: 5px;
}

#formula .iban {
	border-bottom: solid 5px #FD5319;
}

#formula .rib {
	border-bottom: solid 5px #71D9A7;
}

#formula .none {
	border-bottom: solid 5px #F0F0F0;
}
#bankaccount {
	position: relative;
	float: left;
}

#bankaccount .legend {
	position: relative;
	float: left;
	margin: 58px 0 0 20px;
	text-transform: uppercase;
	font-size: 1em;
}

#bankaccount .legend .etiq {
	padding: 3px 3px 3px 10px;
	border: solid 1px #808080;
	color: #666666;
	font-size: 0.8em;
	background: #F0F0F0 url(../images/etiqleft.png) no-repeat left -25px;
	margin-bottom: 10px;
}

#bankaccount .legend .iban {
	border-bottom: solid 5px #FD5319;
	margin-bottom: 10px;
}

#bankaccount .legend .rib {
	border-bottom: solid 5px #71D9A7;
}

/* --------------------------- ADAPTATION RESPONSIVE DESIGN ------------------------------- */
@media (max-width: 960px){
	#header #ident {
	    float: left;
	    width: 100%;
	}
	#header .logo, #header_opcompte .logo {
    	background: url(../images/minilogo.png) no-repeat top left;
	}
}
@media (max-width: 768px){
	#header .lost {
	    margin: 40px 0 0 0;
	    width: 100%;
	    clear: both;
	}
}

/* --------------------------- CHAMPS DE SAISIE ------------------------------- */
.fldtxtfile {
	padding : 1px;
	margin-left: 5px;
} 

input[type=file] 
	{
	padding: 0 0 0 0 !important;
}
.small{
	font-size: small !important;
}
.findlabel{
	background: url(../images/small_loupe.png) no-repeat top right;
	width:100%;
}


.pjblock{
	position: relative;
    float: left;
    padding-left: 6px;
    width: 45%;
}
/* -- footer contact -- */
#footer .footercontact {
    position: absolute;
    margin-left: 40%;
    margin-top: 30px;
	list-style-type: none;
    padding: 0;
	font-size: 1.2em;
}

/* -- foote social network ----*/

#footer .footerSocialNetwork {
    position: absolute;
    margin-left: 69%;
    margin-top: -18px;
	list-style-type: none;
    padding: 0;
}
 
.footerSocialNetwork ul {
	padding:0;
	margin:0;
	list-style-type:none;
 }
 
.footerSocialNetwork  li {
	 margin-left:2px;
	 float:left; /*pour IE*/
 }
 
.footerSocialNetwork  ul li a {
	 display:block;
	 float:left;   
	 width:100px;
	 text-decoration:none;
	 text-align:center;
	 padding:5px;
 }
.footerSocialNetwork  ul li a:hover {
	 text-decoration: underline;
 } 
 

.footerSocialNetwork li {
    display: inline-block;
    margin-right: 10px;
}

.footerSocialNetwork {
    list-style-type: none;
}
.paymentWarning{
	display:none;
}

#tvaBlock {
	display : none !important;
}

div#paymentForm {
    clear: both;
    text-align: center;
}

.rowBoldClass>td{
	font-weight:bold !important;
}
div#menumessage{
	display: inline-block; 
	float: left; 
	margin-top: 2px;
	margin-right: 2px;
	position: relative;
}

#menumessage span {
  background-color:#004c8f;
  color:white;
  position: absolute;
  font-size: 1em;
  font-weight: bold;
  left: 16px;
  top: 3px;
}

.doubleMessageCountSpan {
  left: 11px !important;
}

.noDisplay {
	display: none;
}

label.noTextTransform:first-letter {
	text-transform: none !important;
}

.fs9 {
	font-size: 0.9em;
}

.cnilblock {
    position: relative;
    float: left;
    width: 100%;
    padding: 0;
    font-size: 1em;
}

.cnilblock p{
    display: inline-block;
    font-size: 0.9em;
    line-height: 1.1em;
    margin: 10px 0 10px 0;
}


input[type=file] {
    margin-top: 7px;
}

.pjblock {
    font-size: 0.9em;
}

#subscriptionManagementForm .releve_content .current .calcconso,
#releve .releve_content .current .calcconso {
	display: none;
}
#subscriptionManagementForm .releve_content .current, #releve .releve_content .current {
    padding: 16px 20px 10px 10px;
}

#generalMessageBlock{
	display: none;
    float: left;
    position: relative;
    width: 100%;
    margin-left: auto;
}

#generalMessageBlock p {
	color : #FD5319;
	line-height: 1.1em;
	margin: 10px 0 10px 0;
	font-size: inherit;
}

#releve .releve_content .current .calcconso span.wsLoading {
	color: #333;
	display: flex;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
}

#releve .releve_content .current .calcconso span.wsLoading i {
	margin: auto;
}

.cb-item {
	padding: 16px;
	margin: 12px 0;
	border-radius: 0.5em;
	-webkit-box-shadow: 0px 2px 15px 3px rgba(204,204,204,1);
	-moz-box-shadow: 0px 2px 15px 3px rgba(204,204,204,1);
	box-shadow: 0px 2px 15px 3px rgba(204,204,204,1);
}

.cb-item:hover {
	background-color: #EEEEEE;
}

.cb-item .cb-info {
	display: inline-block;
	padding-left: 12px;
	vertical-align: middle;
}

.cb-item .cb-icon {
	display: inline-block;
}

.cb-item .cb-actions {
	text-align: right;
}

.cb-item .cb-status .cb-status-activated {
	color: #00b1e6;
}

.cb-item .cb-status .cb-status-deactivated {
	color: #DF1659;
}

#dialog-list-cb-content {
	max-height: 516px;
	padding-bottom: 16px;
}
/* Consent */
.vex.vex-theme-default:not(.vex-small) .vex-content {
	width: 80% !important;
}

.py-4 {
	padding-top: 4px !important;
	padding-bottom: 4px !important;
}

.px-12 {
	padding-right: 12px !important;
	padding-left: 12px !important;
}

.mb-16 {
	margin-bottom: 16px !important;
}

.consent-wrapper .customCheckBox[type="checkbox"] + label {
	font-size: 0.85em;
	line-height: 1.4em;
	font-weight: normal;
	padding-left: 35px;
	text-align: justify;
}

.consent-wrapper .customCheckBox[type="checkbox"] + label::before {
	bottom: 0;
	top: 0;
	margin: auto;
}

.consent-wrapper .customCheckBox[type="checkbox"] + label::after {
	bottom: 0;
	top: 0;
	margin: auto;
	height: 40px;
	line-height: 30px;
}

.consent-wrapper legend  {
	padding: 0;
}

.dialog-cookie-consent .vex-dialog-input {
	margin-bottom: 0 !important;
}

.dialog-cookie-consent .vex-dialog-form {
	display: flex;
	align-items: center;
}

.dialog-cookie-consent .vex-dialog-message {
	display: none;
}

.dialog-cookie-consent .vex-dialog-input {
	padding-right: 2em;
}

.form-info {
	font-size: 0.95em;
	line-height: 1.2em;
	font-weight: normal;
	text-align: justify;
	margin: 10px 0;
}

.dialog-consent-cookie-message {
	line-height: 1.4em;
	margin: 0;
}

.vex {
	z-index: 1112 !important;
}

.vex.vex-front-1 {
	z-index: 1130 !important;
}

.vex-overlay-front-1 {
	z-index: 1125 !important;
}

.vex.vex-front-2 {
	z-index: 1120 !important;
}

.vex-overlay-front-2 {
	z-index: 1115 !important;
}

.vex-dialog-button-disabled {
	color: rgba(0,0,0,.26) !important;
	background-color: rgba(0,0,0,.12) !important;
}

.no-float {
	float: none !important;
}

.d-flex {
	display: flex !important;
}

.cursor-init {
	cursor: initial !important;	
}

.subtitle {
	font-family: "Helvetica Neue", sans-serif;
	color: #444;
	font-size: 1.1em;
	line-height: 1.5em;
	margin-bottom: .5em;
	font-weight: normal;
}

#allSubscriptionHeader ul {
	overflow-y: auto;
	max-height: 300px;
}

#homesubtitle3 {
	position: relative;
	float: left;
    width: 100%;
    padding: 30px 20px 10px 20px;
    text-align: center;
    color: #fd5318;
}

.t-left {
	text-align: left !important;
}

.forCheckbox.hint--info.hint--left:before{
	bottom: 7px;
}
.forCheckbox.hint--info.hint--left:after{
	bottom: 7px;
}

/**modale paybox mobilephone**/
#result_error{
	display:none;margin-top:10px; border:1px solid red;padding:10px;color:red !important;text-align:center;
}
.modale_v2{
display: none; 
position: fixed;
left:0; top:0px;
flex-direction: column;
z-index: 30;
width: 100%;
background: #ffffffa3;
height: 100%;
}
.modale_v2 .content{
	margin-top:32px;
}
.modale_v2 .start{
max-width:100%;	margin-left:auto;margin-right:auto;margin-top: auto;margin-bottom:auto;width: 625px;border: 2px dashed lightgray;padding: 34px;background: white;
}
.modale_v2 .header{
	text-align:center;
}
.modale_v2 select{
	margin-bottom: 0px;border: 1px solid gray;border-radius: 5px;margin-top: 3px;line-height: 44px;vertical-align: middle;height: 31px;
}
.modale_v2 input{
	border: 1px solid gray;padding: 10px;margin-top: 4px;
}
.modale_v2 .modale_v2_footer{
	display: flex;
}
.modale_v2 .btn1{
text-align: right;border-radius: 14px;margin-left:auto;margin-right:10px;	
}
.modale_v2 .btn2{
text-align: right;border-radius: 14px;
}
.modale_v2 button{
	background: lightgray;border: none; padding: 10px;border-radius: 10px;
}
.modale_v2 .btn2 button{
	background: black;border: none;color: white;
}
/**end modale paybox mobilephone**/