/************/
/***COMMON***/
/************/
#tabs-1{
	position: relative;
}
#tabs-2{
	position: relative;
}
#formulaire{
	padding: 20px;
	text-align: center;
}
#formulaire2{
	padding: 20px;
	margin-left: 250px;
}
#formulaireDebit{
	padding: 20px;
	margin-left: 250px;
}
#formulaire_log{
	padding: 20px;
	text-align: center;
	width: 800px;
}
.form_line{
	padding-bottom: 10px;
}
.separator{
	
}
.form_lab{
	width: 250px;
	text-align: right;
	display:inline-block;
	padding-right: 15px;
}
.form_lab_log{
	width: 320px;
	text-align: right;
	display:inline-block;
	padding-right: 15px;
}
.form_but{
	text-align: center;
}
#forgotpwd{
	text-align: center;
}
#language{
	text-align: center;
}
#mezp_deco{
	padding-right: 2px;
    text-align: right;
    float: right;
}
#mezp_logo_enseigne{
	float: left;
    margin-top: 12px;
    padding-left: 3px;
    position: absolute;
    top: 55px;
}
#mezp_logo_emt{
	padding-top: 3px;
}
/*#mezp_logo_emt img{
	height: 80px;
	width: 80px;
}*/
#mezp_logo_emt label{
	display: inline-block;
	padding-top: 10px;
    top: 10px;
    vertical-align: top;
}
#mezp_menu{
	position: relative;
	float: right;
    text-decoration: underline;
    /*width: 137px;*/
    text-align: right;
}
#mezp_menu_link{
	/*position: absolute;
    top: 5px;*/
}
#mezp_journal{
	padding-top: 1px;
	position: absolute;
    left: 40%;
    text-decoration: underline;
}
#form_activation{
	float: left;
	width: 240px;
	text-align: center;
	margin-right: 10px;
	margin-left: 10px;
}
#form_debit{
	float: left;
	width: 240px;
	text-align: center;
	margin-right: 10px;
}
#form_consultation{
	float: left;
	width: 240px;
	text-align: center;
	margin-right: 10px;
}
#form_rechargement{
	float: left;
	width: 240px;
	text-align: center;
	margin-right: 10px;
}
#action_choice{
	padding-bottom: 50px;
	padding-top: 50px;
	width: 100%;
	text-align: center;
}
.conteneur{
	margin: 0 auto;
}
#trans_ok{
	text-align: center;
	position: relative;
}
#form_ok{
	/*margin-left: 400px;*/
	position: relative;
}
#form_ok_base{
	/*margin-left: 370px;*/
	position: relative;
}
.title_ok{
	float: left;
	/*margin-left: 40%;*/
	width: 50%;
	text-align: right;
}
.value_ok{
	float: left;
	margin-left: 3px;
}
.title_ok_mont{
	float: left;
	/*margin-left: 40%;*/
	color: #3193D9;
	font-size: 1.15em;
	width: 50%;
	text-align: right;
}
.value_ok_mont{
	float: left;
	margin-left: 3px;
	color: #3193D9;
	font-size: 1.15em;
}
.form_but_ok{
	position: absolute;
	right: 0;
	top: 30px;
}
.form_but_success{
	text-align: right;
	float: right;
	width: 30%;
}
.form_but{
	text-align: center;
	width: 100%;
	position: relative;
}
#list{
	font-size: small;
}
#list td{
	text-align: center;
}
#montant_display{
	text-align: center;
	font-weight: bold;
	width: 100%
}
#montinit{

}
#montdeb{
}
#name_emt{
	color: #808080;
    font-weight: bold;
}
.jquery_link {
    padding: 0 0 0 10px !important;
    position: relative !important;
    text-decoration: none !important;
}
.jquery_link span.ui-icon  {
    left: 0.2em !important;
    margin: -8px 5px 0 0 !important;
    position: absolute !important;
    top: 50% !important;
}
#trans_encours_success{
	position: relative;
	float: left;
	width: 30%;
	margin-top: 20px;
	font-size: 0.9em;
}
#trans_encours_form{
	position: absolute;
	width: 290px;
	font-size: 0.8em;
}
#trans_encours_success #trans_encours{
	margin-left: 10px;
}
#trans_encours{
	background-color: #EEEEEF;
	text-align: center;
}
.trans_debit{
	margin-top: 20px !important;
	margin-bottom: 0px !important;
}
.form_success{
	float: left;
	width: 40%;
}
#trans_encours h1{
	color: #31BFFF !important;
	padding-top: 5px;
	padding-bottom: 10px;
	margin: 0 !important;
}
#trans_encours_form .title_ok{
	color: #31BFFF;
	font-size: 0.9em;
	position: relative;
}
#trans_encours_success .title_ok{
	color: #31BFFF;
	font-size: 1em;
	position: relative;
}
#trans_encours .title_ok{
	color: #31BFFF;
	position: relative;
}
#trans_encours .value_ok{
	position: relative;
}

#cons_encours_form{
	position: absolute;
	width: 290px;
	font-size: 0.8em;
	left: 10px;
}
#action_cons{
	background-color: #EEEEEF;
	text-align: center;
}
.action_cons{
	margin-top: 20px !important;
	margin-bottom: 0px !important;
}
#action_cons h1{
	color: #31BFFF !important;
	padding-top: 10px;
	padding-bottom: 15px;
	margin: 0 !important;
}
#cons_encours_form .title_ok{
	color: #31BFFF;
	font-size: 0.9em;
	position: relative;
}
#action_cons .title_ok{
	color: #31BFFF;
	position: relative;
}
#action_cons .value_ok{
	position: relative;
}

/* popup_box DIV-Styles*/
#popup_trans { 
    display:none; /* Hide the DIV */
    position:fixed;  
    _position:absolute; /* hack for internet explorer 6 */  
    height:220px;  
    width:300px;  
    background:#FFFFFF;  
    left: 600px;
    top: 150px;
    z-index:100; /* Layering ( on-top of others), if you have lots of layers: I just maximized, you can change it yourself */
    margin-left: 15px;  
    
    /* additional features, can be omitted */
    border:2px solid #00A2E8;      
    padding:15px;  
    font-size:15px;  
    -moz-box-shadow: 0 0 5px #00A2E8;
    -webkit-box-shadow: 0 0 5px #00A2E8;
    box-shadow: 0 0 5px #00A2E8;
}
/* This is for the positioning of the Close Link */
#popupBoxClose {
    font-size:20px;  
    line-height:15px;  
    right:5px;  
    top:5px;  
    position:absolute;  
    color:#6fa5e2;  
    font-weight:500;      
}
.popup_button span{
	line-height:10px;
	font-size:10px; 
}
#journal_trans{
	
}
.form_action_text{
	color: #fff;
	padding: 35px 20px;
	text-shadow: 0 1px rgba(0, 0, 0, 0.4);
	font-weight: bold;
	text-align: left;
	font-size: 16px;
	line-height: 150%;
}
#img_act_des {
background-image: url('img/button/Bouton-activation-ogive-100.png');
background-repeat:no-repeat;
cursor:  pointer;
height: 113px;
}
#img_act_des:HOVER {
background-image: url('img/button/Bouton-activation-ogive-50.png');
background-repeat:no-repeat;
cursor:  pointer;
height: 113px;
}
#img_deb_rem {
background-image: url('img/button/Bouton-remboursement-ogive-100.png');
background-repeat:no-repeat;
cursor:  pointer;
height: 113px;
}
#img_deb_rem:HOVER {
background-image: url('img/button/Bouton-remboursement-ogive-50.png');
background-repeat:no-repeat;
cursor:  pointer;
height: 113px;
}
#img_con {
background-image: url('img/button/Bouton-consultation-ogive-100.png');
background-repeat:no-repeat;
cursor:  pointer;
height: 113px;
}
#img_con:HOVER {
background-image: url('img/button/Bouton-consultation-ogive-50.png');
background-repeat:no-repeat;
cursor:  pointer;
height: 113px;
}
#img_rec {
background-image: url('img/button/Bouton-rechargement-ogive-100.png');
background-repeat:no-repeat;
cursor:  pointer;
height: 113px;
}
#img_rec:HOVER {
background-image: url('img/button/Bouton-rechargement-ogive-50.png');
background-repeat:no-repeat;
cursor:  pointer;
height: 113px;
}
/* FLAT DESIGN */
.action_button {
	margin-top: 10px;
	margin-right: 10px;
	padding: 14px 26px;
	font-size: 14px;
	line-height: 100%;
	text-shadow: 0 1px rgba(0, 0, 0, 0.4);
	color: #fff;
	display:inline-block;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	font-weight: bold;
	transition: background 0.1s ease-in-out;
	-webkit-transition: background 0.1s ease-in-out;
	-moz-transition: background 0.1s ease-in-out;
	-ms-transition: background 0.1s ease-in-out;
	-o-transition: background 0.1s ease-in-out;
	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-family: 'Helvetica Neue', Helvetica, sans-serif;
}
.action_button:active {
	padding-top: 15px;
        margin-bottom: -1px;
}
.action_button, .action_button:hover, .action_button:active {
	outline: 0 none;
	text-decoration: none;
	color: #fff;
}

.action_button-1 {
	background-color: #3fb8e8;
	box-shadow: 0px 1px 0px 0px #3293ba;
}
.action_button-1:hover {
	background-color: #1baae3;
}
.action_button-1:active {
	box-shadow: 0px 1px 0px 0px #3293ba;
}


.action_button-2 {
	background-color: #f06060;
	box-shadow: 0px 1px 0px 0px #cd1313;
}
.action_button-2:hover {
	background-color: #ed4444;
}
.action_button-2:active {
	box-shadow: 0px 1px 0px 0px #cd1313;
}

.info_button {
	padding: 35px 30px;
	font-size: 15px;
	line-height: 100%;
	text-shadow: 0 1px rgba(0, 0, 0, 0.4);
	color: #fff;
	
	display:block;
	width: 190px;
		
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	font-weight: bold;
	transition: background 0.1s ease-in-out;
	-webkit-transition: background 0.1s ease-in-out;
	-moz-transition: background 0.1s ease-in-out;
	-ms-transition: background 0.1s ease-in-out;
	-o-transition: background 0.1s ease-in-out;
	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
	color: #fff;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	font-family: 'Helvetica Neue', Helvetica, sans-serif;
}
.info_button span{
	
}
.info_button:active {
	padding-top: 33px;
}
.info_button, .info_button:hover, .info_button:active {
	outline: 0 none;
	text-decoration: none;
    color: #fff;
}
.info_button-1 {
	background-color: #fdc058;
	box-shadow: 0px 1px 0px 0px #e29003;
}
.info_button-1:hover {
	background-color: #fdb53a;
}
.info_button-1:active {
	box-shadow: 0px 1px 0px 0px #e29003;
}
.info_button-2 {
	background-color: #aa65c7;
	box-shadow: 0px 1px 0px 0px #883da7;
}
.info_button-2:hover {
	background-color: #9e4fbf;
}
.info_button-2:active {
	box-shadow: 0px 1px 0px 0px #883da7;
}
.info_button-3 {
	background-color: #2ecc71;
	box-shadow: 0px 1px 0px 0px #239a55;
}
.info_button-3:hover {
	background-color: #28b363;
}
.info_button-3:active {
	box-shadow: 0px 1px 0px 0px #239a55;
}
.info_button-4 {
	background-color: #7A9DC7;
	box-shadow: 0px 1px 0px 0px #3465A4;
}
.info_button-4:hover {
	background-color: #7584B9;
}
.info_button-4:active {
	box-shadow: 0px 1px 0px 0px #3465A4;
}