html, body, div, span, applet, object, iframes,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}
#filler_screen{
	background: #333;
	width: 100%;
	height: 100%;
	position: absolute;
}
#filler_screen:after {
	content: "Fidélitab, la solution fidélité par des commerçants pour des commerçants !";
	color: white;
	font-size: 36px;
	font-weight: bold;
	margin-left: 15px;
}
body {
    font-family: 'QuickSand', sans-serif;
	background-color: #fff;	
}

#container {
    font-size: 32px;
    margin: 320px 0 0 390px;
    width: 300px;
}

#calculator, #number, .buttons, .buttons3, .buttons2 {
    border-radius: 6px;
}

#calculator {
    margin: 0 auto;
    /*background-color: #bae0c6;
    border: 0px solid #7b9687;
	box-shadow: 0 7px 10px #7b9687;
	*/
    width: 275px;
	height:320px;
	padding-bottom:10px;
    
}

#header {
    border-top: 0px solid #777;
    border-radius: 6px 6px 0 0;
    padding: 10px;
}

input#number {
    text-align: right;
    background-color: #121212;
    border: none;
    border-bottom: 1px solid #777;
    color: #C8C8C8;
    font-size: 20px;
    padding: 16px;
    width: 210px;
    box-shadow: inset 0 0 10px 4px rgba(0, 0, 0, .6);
}

input#number:focus {
    outline: none;
}

#body {
    padding: 0 10px;
}
#calculator {
	display:block;
	width:420px;
	height:455px;
	left:50px;
	top:180px;
	position:absolute;
	z-index: 15;
}
.entete_calculator {
	display:block;
	position:absolute;
	top:126px;
	left:120px;
	font-size:40px;
	color:#4d3fa0;
	width:350px;
	height:40px;
	font-weight:bold;
	font-family: 'Quicksand', sans-serif;
	z-index: 15;
}
.entete_calculator_kdo {
	display:block;
	position:absolute;
	top:126px;
	left:70px;
	font-size:40px;
	color:#4d3fa0;
	width:600px;
	height:40px;
	font-weight:bold;
	font-family: 'Quicksand', sans-serif;
	z-index: 15;
}
.buttons {
    cursor: default;
    text-align: center;
    padding: 20px 12px;
    font-size: 20px;
    text-shadow: 0 -1px 1px #000;
    color: #FFF;
    font-weight: bold;
    display: inline-block;
    border-top: 1px solid #777;
    width: 125px;
    background: linear-gradient(#5F5F5F 0%, #404040 100%);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .8);
    margin-bottom: 10px;
}

.buttons:hover {
    background: linear-gradient(#79D144 0%, #50A61F 100%);
    border-top: 1px solid #9ADD73;
    text-shadow: 0 -1px 1px #008000;
}

.buttons:active {
    box-shadow: none;
}
.buttons2 {
    cursor: default;
    text-align: center;
    padding: 7px 12px;
    font-size: 20px;
	text-shadow: 0 -1px 1px #000;
    color: #FFF;
    font-weight: bold;
    display: inline-block;
    border-top: 1px solid #777;
    width: 50px;
	height:40px;
    background: linear-gradient(#e04d4d 0%, #ff0000 100%);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .8);
	border:0;
	margin-left:85px;
	margin-top:-10px !important;
}
.buttons2:hover {
    background: linear-gradient(#79D144 0%, #50A61F 100%);
    border-top: 1px solid #9ADD73;
    text-shadow: 0 -1px 1px #008000;
}

.buttons2:active {
    box-shadow: none;
}
.buttons3 {
    cursor: default;
    text-align: center;
    padding: 7px 12px;
    font-size: 20px;
    text-shadow: 0 -1px 1px #000;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    border-top: 1px solid #777;
    width: 252px;
	height:65px;
	background: linear-gradient(#79D144 0%, #8dc63f 100%);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .8);
    margin-left: 0px;
	border:0;
}

.buttons3:hover {
    background: linear-gradient(#FFAD3F 0%, #E94E1B 100%);
    border-top: 1px solid #9ADD73;
	border:0;
    text-shadow: 0 -1px 1px #008000;
}

.buttons3:active {
    box-shadow: none;
}
.cadran {
	display:inline-block;
	width:220px;
	height:40px;
	padding: 7px 12px;
}
#valeur, #valeur1, #valeur2,#valeur1_kdo, #valeur2_kdo {
	display:block;
	width:290px;
	height:50px;
	font-size:24px;
	margin-top:-5px;
	margin-left:-5px;
	border-radius: 10px;
	border: 1px solid lightgray;
}
.logo {
	background-image:url(../img/logo.png);
	display:block;
	width:259px;
	height:200px;
	bottom:55px;
	right:80px;
	position:absolute;
}
.logo_commerce {
	display:block;
	width:200px;
	height:200px;
	margin-top:20px;
	left:15px;
	position:absolute;
}
.logo_commerce img{
	object-fit: contain;
	width: 200px;
	max-height: 200px;
	border-radius: 100px;
	/*border: gray 1px solid;*/
}
.femme-droite {
	display: block;
	position: absolute;
	width: 420px;
	height: 520px;
	top: 0;
	right: 0;
	background-image: url(../img/femme-droite.png);
	background-repeat: no-repeat;
	background-position: top right;
}
.st-pierre {
	background-image:url(../img/st-pierre2.png);
	display:block;
	width:100%;
	height:100%;
	margin:0 0;
	position:absolute;
	z-index:-10000;
	opacity:0.7;
	background-repeat: no-repeat;
}
.st-pierre-acc {
/*	background-image:url(../img/st-pierre2.png);
	display:block;
	width:calc(100% - 240px);
	height:100%;
	left:230px;
	bottom:8px;
	position:absolute;
	margin: auto 0 -7px -230px;

	opacity:0.7;
	background-repeat: no-repeat;
	*/
}
.menu-deconnexion {
	display: block;
	bottom: 20px;
	left:10px;
	position: absolute;
	width: 200px;
	height: 45px;
	background-position: center left;
	background-image: url(../img/deconnexion.png);
	background-repeat: no-repeat;
		
}

.menu-accueil, .menu-fidelite, .menu-cheque, .menu-mag  {
	padding-left: 10px;
	color: #3F4DA0;
}
.menu-mag  {
	color: #F0494F;
}
.achat {
	position: absolute;
	top: 350px;
}

.menu-infos {
/*	padding-top: 10px;*/
	padding-left: 10px;
	color: #8DC63F;
}
.titre_fidelite, .titre_cheque, .titre_infos {
	text-transform: uppercase;
	font-size: 20px;
	font-weight: bold;
	padding-left: 23px;
	display: none;
}
.lien_fidelite, .lien_kdo, .lien_infos {
	padding-left: 55px;
	padding-top: 11px;
	font-size: 17px;
	font-weight: bold;
	display: block;
}
.label_scan {
	padding-top: 11px;
	font-size: 17px;
	font-weight: bold;
	display: block;
}
.accbutton {
	display: block;
	width: 200px;
	height: 45px;
	background-position: center left;
	background-image: url(../img/accueil.png);
	background-repeat: no-repeat;
	margin-top: 10px;
}
.scan {
	display: block;
	width: 200px;
	height: 45px;
	background-position: center left;
	background-image: url(../img/scan.png);
	background-repeat: no-repeat;
	margin-top: 10px;
}
.kdo {
	display: block;
	width: 200px;
	height: 45px;
	background-position: center left;
	background-image: url(../img/cadeau.png);
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-bottom: 15px;
}
.mag {
	display: block;
	width: 200px;
	height: 45px;
	background-position: center left;
	background-image: url(../img/cadeau_mag.png);
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-bottom: 15px;
}
.solde_jour {
	display: block;
	width: 200px;
	height: 45px;
	background-position: center left;
	background-image: url(../img/caisse.png);
	background-repeat: no-repeat;
	margin-top: 10px;
}


.profil {
	display: block;
	width: 200px;
	height: 45px;
	background-position: center left;
	background-image: url(../img/edit.png);
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-bottom: 15px;
}
.recherche {
	display: block;
	width: 200px;
	height: 45px;
	background-position: center left;
	background-image: url(../img/search.png);
	background-repeat: no-repeat;
	margin-top: 10px;
}
.alerte_btn {
	display: block;
	width: 200px;
	height: 45px;
	background-position: center left;
	background-image: url(../img/messagerie.png);
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-bottom: 20px;
}
.reboot_btn {
	font-size: 17px;
	font-weight: bold;
	color: #F0494F;
}

.info_user {
	display:block;
	width:220px;
	height:250px;
	right:-225px;
	top:7px;
	text-align:center;
	font-family: 'Quicksand', sans-serif;
	color:#FFF;
	position:absolute;
	z-index: 15;
}
.epargne_mep {
	display:block;
	width:600px;
	height:420px;
	left:50px;
	top:200px;
	z-index: 15;
	text-align:center;
	font-family: 'Quicksand', sans-serif;
	color:#FFF;
	position:absolute;
	padding: 30px;
	background: #fff;
	border-radius: 20px;
}
.alerte_mep {
	display:block;
	width:638px;
	height:425px;
	left:5px;
	top:176px;
	text-align:center;
	font-family: 'Quicksand', sans-serif;
	color:#FFF;
	position:absolute;
}

.utilisateur_bonjour, .utilisateur {
	text-transform:uppercase;
	font-family: 'Quicksand', sans-serif;
	font-size:24px;
	font-weight:bold;
	color: gray;
}
.solde_comp {
	text-transform:uppercase;
	font-family: 'Quicksand', sans-serif;
	font-size:23px;
	font-weight:bold;
	color:#4d3fa0;
	margin-top: 10px;
}
.margint80 {
	margin-top: 20px;
}
.mep_form {
	display:block;
	position:absolute;
	top:20px;
	left:25px;
	width:750px;
	height:50px;
	z-index: 15;
}
.mep_form label {
	display:inline-block;
	width:120px;
}
.mep_form label {
	display:inline-block;
	width:120px;
	height:30px;
	background-color:#3F4DA0;
	margin-top:10px;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	padding-top:8px;
	padding-left:15px;
	text-transform:uppercase;
	font-family: 'Quicksand', sans-serif;
	border-radius: 20px 0 0 20px;
}
.mep_form input {
	display:inline-block;
	width:200px;
	height:30px;
	padding-top:0px;
	margin-top:18px;
	border-radius: 0 20px 20px 0;
	border: 1px solid lightgray;
	padding-right: 5px;
}
.mep_form select {
	display:inline-block;
	width:200px;
	height:30px;
	padding-top:0px;
	margin-top:18px;
	margin-left:-5px;
	border:none;
}
#login_mpe {
	display:block;
	width:210px;
	margin: 0 auto;
	text-align: center;
	padding-top:200px;
}
#login_mpe input {
	display:block;
	width:200px;
	height:30px;
	padding-top:2px;
	border:none;
}
#login_scan {
	display:block;
	width:210px;
	margin: 0 30%;
	text-align: center;
	padding-top:200px;
}
#login_scan input {
	display:block;
	width:200px;
	height:30px;
	padding-top:2px;
	border:none;
}
#login_scan input {
	border-radius: 15px;
	padding-left: 10px;
}
.form_login{
	display:block;
	width:200px;
	height:30px;
	background-color:#009fe3;
	border:none;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	padding-top:2px;
	border-radius: 15px;
	padding-left:5px;
	text-transform:uppercase;
	font-family: 'Quicksand', sans-serif;
}
.form_envoyer{
	display:block;
	width:320px !important;
	height:30px;
	background-color:#3F4DA0;
	border:none;
	color:#FFF;
	margin-top:10px;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	padding-top:8px;
	padding-left:5px;
	text-transform:uppercase;
	font-family: 'Quicksand', sans-serif;
	border-radius: 20px !important;
}
.form_generer{
	display:block;
	width:320px !important;
	height:30px;
	background-color:darkorange;
	border:none;
	color:#FFF;
	margin-top:10px;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	padding-top:8px;
	padding-left:5px;
	text-transform:uppercase;
	font-family: 'Quicksand', sans-serif;
	border-radius: 20px !important;
}
.mep_form_col1, .mep_form_col2 {
	display:block;
	float:left;
	width:360px;
	margin-right:10px;
}
#recherche_mep input {
	z-index: 15;
	display:block;
	position:absolute;
	top:120px;
	left:80px;
	width:540px;
	height:50px;
	border-radius: 35px;
	padding-left: 10px;
	border: 3px solid lightgray;
}
.recherche_numero input {
	display:block;
	position:absolute;
	top:230px;
	left:80px;
	width:540px;
	height:50px;
	z-index: 15;
	border-radius: 35px;
	padding-left: 10px;
	padding-right: 14px;
	border: 3px solid lightgray;
}
#rechercher {
	display:block;
	position:absolute;
	top:180px;
	left:475px;
	width:140px;
	height:40px;
	background-color:#3F4DA0;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	z-index: 15;
	border-radius: 35px;
	color:#FFF;
	padding-top:12px;
	text-transform:uppercase;
	font-family: 'Quicksand', sans-serif;
}
.ui-widget-content {
    border: 1px solid #555555;
    background: #3F4DA0 !important;
	color: #ffffff;
}
#alerte_lu {
	display:block;
	position:absolute;
	top:130px;
	left:13px;
	width:160px;
	height:40px;
	background-color:#8dc63f;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	padding-top:10px;
	text-transform:uppercase;
	font-family: 'Quicksand', sans-serif;
	border-radius: 20px;
}
#alerte_creer {
	display:block;
	position:absolute;
	top:130px;
	left:377px;
	width:260px;
	height:40px;
	background-color:#3f4da0;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	padding-top:10px;
	text-transform:uppercase;
	font-family: 'Quicksand', sans-serif;
	border-radius: 20px;
}
#alerte_messages {
	display:block;
	height:424px;
	overflow-y:scroll;
	float:left;
	margin-top:0px;
	width:635px;
	margin-left:5px;
}
.alerte_txt {
	display:block;
	float:left;
	width:100%;
	text-align:left;
	margin-bottom:10px;
	border-top:1px dashed lightgray;
	border-bottom:1px dashed lightgray;
	padding:5px;
	color: gray;
	font-size: 14px;
}
.alerte_txt>span {
	font-weight:bold;
}
.alerte_messages {
	display:block;
	height:590px;
	overflow-y:scroll;
	float:left;
	margin-top:-165px;
	width:100%;
}
.nav_pages {
	display:block;
	position:absolute;
	top:630px;
	left:222px;
	width:280px;
	height:40px;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	text-transform:uppercase;
	font-family: 'Quicksand', sans-serif;
}
.alerte_archive_prev, .alerte_archive_num, .alerte_archive_next {
	display:inline-block;
	margin-right:40px;
	width:40px;
	height:40px;
	background-color:#3F4DA0;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	padding-top:10px;
	text-transform:uppercase;
	font-family: 'Quicksand', sans-serif;
	border-radius: 20px;
}
.message_txt {
	display:block;
	float:left;
	width:100%;
	text-align:left;
	margin-bottom:10px;
	border-top:1px dashed gray;
	border-bottom:1px dashed gray;
	padding:5px;
	color: gray;
}
.admin{
	border:1px dashed red !important;
	color: red !important;
	background-color: white !important;
}
.promo{
	border:1px dashed green !important;
	color: green !important;
	background-color: white !important;
}
.message_txt>span {
	font-weight:bold;
}
#alerte_texte {
	color:black;
	width:626px;
	height:115px;
	left:11px;
	top:-165px;
	display:block;
	position:absolute;
	border-radius: 20px;
	padding: 7px;
	border: 1px solid lightgray;
}
#profil_importer_carte {
	display:block;
	position:absolute;
	top:290px;
	left:82px;
	width:160px;
	height:40px;
	background-color:#3F4DA0;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	padding-top:12px;
	text-transform:uppercase;
	font-family: 'Quicksand', sans-serif;
	border-radius: 35px;
	z-index: 15;
}
#valider_scan_carte {
	width:160px;
	height:40px;
	background-color:#3F4DA0;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	text-transform:uppercase;
	font-family: 'Quicksand', sans-serif;
	border-radius: 35px;
	z-index: 15;
}
#profil_editer_carte {
	display:block;
	position:absolute;
	top:290px;
	left:455px;
	width:160px;
	height:40px;
	background-color:#3F4DA0;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	padding-top:12px;
	text-transform:uppercase;
	font-family: 'Quicksand', sans-serif;
	border-radius: 35px;
	z-index: 15;
}
.center{
	left:450px !important;
}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}

.alerte_on{
	background-image: url(../img/messagerie-active.png) !important;
	color: #F0494F !important;
}
#update_app, #erreur_login {
	display:block;
	position:absolute;
	background-color:#F03;
	opacity:0.8;
	width:100%;
	height:80px;
	color:white;
	font-size:17px;
	text-align:center;
	padding-top:30px;
	font-weight:bold;
	z-index: 16;
	
}

#bug_internet {
	display:block;
	position:absolute;
	background-color:#F83;
	opacity:0.8;
	width:100%;
	height:80px;
	color:white;
	font-size:17px;
	text-align:center;
	padding-top:14px;
	font-weight:bold;
	z-index: 16;
	
}
.recap {
	left: 298px;
    background: #fff;
    padding: 80px;
    width: 589px;
	height: 450px;
	border-radius: 50px;
	border: 1px solid lightgray;
}
.recap .utilisateur:before{
	content:"Merci pour votre achat";
	font-size: 19px;
}
.bouton_annuler_transaction,.bouton_annuler_transaction_kdo_mag,.bouton_annuler_transaction_kdo {
	display:block;
	position:absolute;
	top:710px;
	left:775px;
	width:260px;
	height:50px;
	background-color:#C00;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	padding-top:15px;
	text-transform:uppercase;
	font-family: 'Quicksand', sans-serif;
	z-index: 15;
	border-radius: 10px;
}
#confirmer_annulation_transaction,#confirmer_annulation_credit_kdo, #confirmer_annulation_credit_kdo_mag {
	display:block;
	margin:20px auto 40px auto;
	width:260px;
	height:40px;
	background-color:#C00;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	padding-top:15px;
	text-transform:uppercase;
	font-family: 'Quicksand', sans-serif;
}
#confirmer_annulation_avoir,#confirmer_annulation_debit_kdo, #confirmer_annulation_debit_kdo_mag {
	display:block;
	margin: 20px auto;
	width:260px;
	height:40px;
	background-color:#C00;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	padding-top:15px;
	text-transform:uppercase;
	font-family: 'Quicksand', sans-serif;
}
.derniere_transac {
	display: block;
    position: absolute;
    width: 650px;
    background: white;
    top: 150px;
    left: 50px;
    border-radius: 20px;
    padding: 20px;
	z-index: 15;
}
.titre_transaction, .titre_avoir {
	text-transform:uppercase;
	font-family: 'Quicksand', sans-serif;
	font-size:26px;
	font-weight:bold;
	margin: 20px 0;
	text-align: center;
}
.titre_detail_transaction,.titre_detail_avoir{
	font-family: 'Quicksand', sans-serif;
	font-size:18px;
}
.detail_transaction {
	text-transform:uppercase;
	font-family: 'Quicksand', sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#999;
}
#payer:after {
    content:"/Avoir";
}
input {
	font-weight:bold;
	color:black;
}
.use_kdo{
	display: block;
    background-color: red;
    padding: 10px;
    border-radius: 10px;
    font-weight: bold;
    position: absolute;
    left: 720px;
    top: 256px;
    width: 200px;
}
.use_kdo_mag {
    display: block;
    background-color: coral;
    padding: 20px 10px;
    border-radius: 10px;
    font-weight: bold;
    position: absolute;
    left: 720px;
    top: 337px;
    width: 200px;
}
.invalide{
    width: 220px;
    height: 50px;
    background-color: red;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
    color: #FFF;
    padding-top: 15px;
    margin-top: 10px;
    text-transform: uppercase;
    font-family: 'Quicksand', sans-serif;
}
.bouton_editer_profil {
	display:none;
	position:absolute;
	top:370px;
	left:0px;
	width:220px;
	height:50px;
	background-color:#4d3fa0;
	text-align:center;
	font-size:17px;
	font-weight:bold;
	color:#FFF;
	padding-top:15px;
	text-transform:uppercase;
	font-family: 'Quicksand', sans-serif;
	border-radius: 30px;
}
.bouton_archive {
	display:block;
	position:absolute;
	top:130px;
	left:193px;
	width:160px;
	height:40px;
	background-color:#fedd3f;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	padding-top:10px;
	text-transform:uppercase;
	font-family: 'Quicksand', sans-serif;
	z-index: 15;
	border-radius: 20px;
}
.alerte_sos {
	display:block;
	position:absolute;
	top:680px;
	left:24px;
	width:90px;
	height:90px;
	background-color:#F00;
	text-align:center;
	font-size:24px;
	line-height:60px;
	font-weight:bold;
	color:#FFF;
	padding-top:15px;
	text-transform:uppercase;
	font-family: 'Quicksand', sans-serif;
	border-radius: 45px 45px 45px 0;
	z-index: 15;
}
.alerte_fond {
	background: rgba(255,255,255,0.7);
	border-radius: 20px;
	display: block;
	position: absolute;
	top: 25px;
	left: 25px;
	height: 612px;
	width: 650px;
	z-index: 15;
	border: 1px solid lightgray;
	
}
#div_alertes>.logo_commerce, #div_alertes_archive>.logo_commerce {
	display:none;
}

.css_date_valide {
	font-size: 18px;
	font-weight: bold;
	margin-top: 0px;
	color: #8dc63f;
}
.kdo_epargne,.kdomag_epargne{
	font-size: 18px !important;
    border-top: 3px dashed gray;
	padding-top: 3px;
}
.kdov_epargne,.kdomagv_epargne{
	font-size: 18px !important;
    
}
#login_mpe input {
	border-radius: 15px;
	padding-left: 10px;
}
#div_login {
	background: #414042 url(../img/img-login.png) no-repeat bottom right;	
	display:block;
	width:100%;
	height:100%;
	margin:0 0;
	position:absolute;
	z-index:-10000;
	overflow: hidden;
}
#div_login .logo-login {
	background-image: url(../img/logo-login.png);
    display: block;
    width: 259px;
    height: 200px;
	top: 50px;
    left: 20px;
    position: absolute;
}
#div_login .st-pierre {
    bottom: 0;
    display: block;
    width: 400px;
    height: 430px;
	position: absolute;
    left: 0;
    z-index: -10000;
    opacity: 0.7;
    background: none;
}
.left{
	background: #fff;
	display: block;
	width: 230px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.menu {
	display: block;
	top: 240px;
	position: absolute;
}
.main {
	display: block;
	position: absolute;
	right: 0;
	top: 20px;
	bottom:40px;
	height:calc(100% - 60px);
	width: calc(100% - 230px);
	border-radius: 30px 0 0 30px;
	background: rgb(227,242,232);
	background: -webkit-linear-gradient(left, rgba(227,242,232,1) 0%, rgba(255,255,255,1) 72%);
	background: -o-linear-gradient(left, rgba(227,242,232,1) 0%, rgba(255,255,255,1) 72%);
	background: linear-gradient(to right, rgba(227,242,232,1) 0%, rgba(255,255,255,1) 72%);
}
.email_vide{
	background: transparent url(../img/email_vide.png) no-repeat bottom right;	
	display: block;
    width: 35px;
    height: 35px;
    margin: 0 0;
    position: absolute;
    right: 20px;
    top: 113px;
}
.email_vide:before {
   content: "";
}
.lien_reseau{
   padding-top: 0px !important;
}
.ui-widget-header {
    background: #444444 url(images/ui-bg_highlight-soft_44_444444_1x100.png) 50% 50% repeat-x;
    color: #000000 !important;
}
.ui-widget-content {
    background: #000 !important;
}