* {
    border: 0 none;
    font-style: normal;
    margin: 0;
    padding: 0;
    text-decoration: none;
}
body {	
	background:url(../images/bg_body.jpg) repeat-x left top #ececed;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:160%;
	color:#292929;

}
body.sans{background:none;}
img {
    border: 0 none;
}
.clear {
    border: 0 none;
    clear: both;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
ul{list-style:none;}
li{
	background:url(../images/bg_li.png) no-repeat left 7px;
	padding-left:18px;
}
a{color:#292929;}
a:hover{color:#016d8b;}
a.active{text-decoration:underline;}

.ensemblechamps
{
	background-color:#FFFFFF;
}

.boutons{
	background:url(../images/bg_boutons.gif) repeat-x left top #505050;
	color:#FFFFFF;
	font-weight:bold;
	padding:0 10px;
	line-height:20px;
	height:20px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}
	a.boutons{display:block;}
	a.boutons:hover{color:#d9dadb;}
	
	input.boutons{
		font-size:12px;
		cursor:pointer;
		border:0 none;
	}
	
input, select, textarea{
	border:1px solid #dadbdc;
	background:url(../images/bg_input.gif) no-repeat left top;
	padding:3px 2px;
}
	input[type="checkbox"]{
		background:none;
		border:0 none;
		width:auto;
		padding:0;
	}	
	input[type="file"]{
	background:url(../images/bg_input.gif) no-repeat left top;
		background:none;
		border:0 none;
		width:auto;
		padding:0;
	}	
th{
	padding:4px 2px 6px;
	border-bottom:1px solid #dadbdc;
/*	border-bottom:1px solid #292929;*/
	line-height:120%;
}
td{
	padding:6px 2px 5px;
	border-bottom:1px solid #666666;
/*	border-bottom:1px solid #dadbdc;*/
	color:#4b4b4b;
}

#page{
	width:940px;
	margin:10px auto;
	padding:10px;
}
.deleterec {
	margin-top: 10px;
}
#leftconteneur{
	width:200px;
	float:left;
}
	#logo{
		margin-bottom:18px;
		text-align:center
	}
	.leftmenu{
		background:url(../images/bg_leftmenu.gif) repeat-x left top #d9dadb;
		margin-bottom:10px;
	}
	.leftmenu h4{
		color:#016d8b;
		background:url(../images/bg_h4_eucliea.gif) no-repeat left bottom;
		font-weight:bold;
		font-size:14px;
		line-height:20px;
		padding-left:26px;
		margin-bottom:10px;
	}
	.leftmenu li a{font-weight:bold;}
		.leftcontent{padding:10px 5px 10px 10px;}
		.utilisateurcontent{
			background:url(../images/bg_utilisateurcontent.png) no-repeat right 8px;
			min-height:102px;
		}
		.utilisateurcontent .conteneurbouton{
			height:20px;
			margin-top:10px;
		}
		.utilisateurcontent .conteneurbouton a{float:right;}
		
		.chargementcontent{
			background:url(../images/bg_chargementcontent.png) no-repeat right top;
			min-height:70px;
		}
		.chargementcontent span.nomfichier{font-weight:bold;}
		
		.suivicontent{
			background:url(../images/bg_suivicontent.png) no-repeat right 8px;
			min-height:90px;
		}
		.coffrecontent{
			background:url(../images/bg_coffrecontent.png) no-repeat right 8px;
			min-height:75px;
		}
		.admincontent{
			background:url(../images/bg_admincontent.png) no-repeat right 8px;
			min-height:90px;
		}
		.reconcilcontent{
			background:url(../images/bg_reconcilcontent.png) no-repeat right 8px;
			min-height:90px;
		}
		
#conteneur{
	width:730px;
	float:right;
}
	#conteneur .box{
		margin-bottom:10px;
	}
	.title{
		background:url(../images/bg-box-title-eucleia.gif) repeat-x left top;
		height:32px;
		color:#FFFFFF;
		padding:0 10px;
		position:relative;
	}
	.title h3{
		color:#FFFFFF;
		text-transform:uppercase;
		font-size:14px;
		background:url(../images/bg_box_h3.png) no-repeat left center;
		padding-left:28px;
		line-height:32px;
	}
	.title h3.open{background:url(../images/bg_box_h3open.png) no-repeat left center;}
	.title h3 a,
	.title h3 a:hover{color:#FFFFFF;}
	
	.introbox{
		padding:8px 10px 12px;
		background:#dadbdc;
	}
	.introbox .subtitle{
		font-weight:bold;
		font-size:14px;
		background:url(../images/bg_box_subtitle.png) no-repeat left bottom;
		padding-bottom:5px;
		margin-bottom:5px;
	}
	.introbox .champs{float:left;}
	.introbox .paramfacturationform .champs,
	.introbox .listeclientsform .champs{
		padding-right:20px;
		width:124px;
	}
	.introbox .reconfacturesform .champs{
		width:auto;
		padding-right:30px;
	}
	.introbox .conditionsform .champs,
	.introbox .remisesform .champs{
		padding:9px 20px 5px 0;
	}
	.introbox .champs label{
		display:block;
		font-size:13px;
		line-height:30px;
	}
	.introbox .conditionsform .champs label,
	.introbox .remisesform .champs label{
		width:auto;
		padding-right:15px;
		float:left;
		line-height:160%;
	}
	.introbox .champs input,
	.introbox .champs select{
		background:#FFFFFF;
		padding:2px;
		width:120px;
		border:0 none;
	}
	.introbox .champs input.datesize{
		width:60px;
	}
	.introbox .champs input[type="checkbox"]{
		background:none;
		border:0 none;
		width:auto;
		padding:0;
		margin-top:3px;
	}
	.introbox .champligne{
		clear:both;
		line-height:30px;
	}
	.introbox .reconfacturesform .champligne{
		padding:5px 0;
	}
	.introbox .submit{
		float:left;
		padding-top:30px;
	}
	.introbox .reconfacturesform .submit{
		float:none;
		padding:0;
		text-align:center;
		margin-top:10px;
	}
	.introbox .conditionsform .submit,
	.introbox .remisesform .submit{padding-top:8px;}
	
	.boxtable{
		padding:5px 10px 15px;
		border-right:1px solid #dadbdc;
		border-left:1px solid #dadbdc;
		border-bottom:1px solid #dadbdc;
		background:#FFFFFF;
	}
	
	.boxtable table{
		width:100%;
	}
		
	.listeclientsform{
		width:auto;
		float:left;
	}
	
	.ajoutclient{
		float:right;
		padding-top:20px;
	}
	.ajoutclient a{
		background:url(../images/bg_ajoutclient.png) no-repeat left top;
		display:block;
		width:116px;
		height:28px;
		color:#FFFFFF;
		font-weight:bold;
		line-height:28px;
		font-size:13px;
		padding-left:36px;
	}
	.btn_ajout{
		float:right;
		padding-top:20px;
	}
	.btn_ajout_left
	{
	    float:left;
		background:url(../images/bg_ajout_left.png) no-repeat left top;
		width:27px;
		height:28px;
        margin-left:5px;
	}
	.btn_print_left
	{
	    float:left;
		background:url(../images/bg_print_left.png) no-repeat left top;
		width:27px;
		height:28px;
        margin-left:5px;
	}
    .btn_download_left
	{
	    float:left;
		background:url(../images/bg_download_left.png) no-repeat left top;
		width:27px;
		height:28px;
        margin-left:5px;
	}
	.btn_search_left
	{
	    float:left;
		background:url(../images/bg_search_left.png) no-repeat left top;
		width:27px;
		height:28px;
        margin-left:5px;
	}
	.btn_left
	{
	    float:left;
		background:url(../images/bg_left.png) no-repeat left top;
		width:8px;
		height:28px;
        margin-left:5px;
	}
	.btn_ajout_mid{
	    float:left;
		background:url(../images/bg_ajout_mid.png) repeat-x left top;
		height:28px;
		color:#FFFFFF;
		font-weight:bold;
		line-height:28px;
		font-size:13px;
		padding-left:8px;
	}
	.btn_ajout_right{
	    float:left;
		background:url(../images/bg_ajout_right.png) no-repeat left top;
		width:8px;
		height:28px;
	}
	
	.boxsuivipartenaires th{padding:4px 4px 6px;}
	.boxsuivipartenaires td{padding:6px 3px 5px;vertical-align: top;}
	
	.box .statut{
		display:block;
		width:16px;
		height:16px;
	}
		.redstatut{background:url(../images/statut_red.gif) no-repeat left top;}
		.blackstatut{background:url(../images/statut_black.gif) no-repeat left top;}
		.greenstatut{background:url(../images/statut_green.gif) no-repeat left top;}
		.orangestatut{background:url(../images/statut_orange.gif) no-repeat left top;}
		.yellowstatut{background:url(../images/statut_yellow.gif) no-repeat left top;}
	
	.introbox .reconfacturesform .statut{
		margin:0 0 0 8px;
		display:inline;
		padding:2px 6px;
	}
	
	
.popup{
	background:url(../images/bg_popup.jpg) repeat-x left top #ececed;
	padding:10px;
	z-index:1000;	
}
    .userspopup{    display: none;
    height: auto;
    position: absolute;
    /*left: 208px;
    top: 138px;*/
    width: 840px;
    filter:alpha(opacity=100);
    opacity:1;
    -moz-opacity:1;
    }
	.ajoutclientpopup{width:780px;}
	.popup .subtitle{
		font-size:14px;
		font-weight:bold;
		padding:0 10px;
		line-height:32px;
		background:#dadbdc;
		margin:10px 0;
	}
	.champ50{
		width:50%;
		float:left;
	}
	.champ30{
		width:30%;
		float:left;
	}
	.champ45{
		width:45%;
		float:left;
	}
	.champ10{
		width:10%;
		float:left;
	}
	.popup .line,
	.champ100{
		height:20px;
		padding:5px 30px 5px 15px;
		margin:2px 0;
		clear:both;
	}
	.popup .line label,
	.champ100 label{
		display:block;
		float:left;
		width:152px;
	}
	.line label.twolines{
		line-height:100%
	}
	.popup .champ50 input{width:156px;}
	.popup .champ50 select{width:162px;}
	.popup .champ50 select.autosize{width:auto;min-width:50px;}
	
    .popup .champ30 input{width:156px;}
    .popup .champ30 select{width:162px;}
	.popup .champ30 select.autosize{width:auto;min-width:50px;}
	
	.champ100 input{width:76%;}
	
	.ajoutclientpopup .submit{
		text-align:center;
		margin:25px 0 5px;
	}
	.ajoutclientpopup .submit input{
		text-transform:uppercase;
		margin:0 2px;
	}
	.popclose{
		display:block;
		position:absolute;
		width:32px;
		height:32px;
		background:url(../images/close_blc.png) no-repeat center center;
		right:0;
		top:0;
	}
	
	
#login{
	width:300px;
	margin:40px auto;
}
	#login #logo {
		margin-bottom: 20px;
		background: url(../images/logo-eucleia-homepage.png) no-repeat center center;
		height: 93px;
	}
	#qualif{
		margin-top:10px;
		margin-right:20px;
		background:url(../images/GS1_qualification_facture_2023.jpg) no-repeat right bottom;
		height:180px;
	}
#qualif-factur-x {
	margin-top: 10px;
	margin-right: 20px;
	background: url(../images/GS1_qualification_Factur-X_2022.png) no-repeat right bottom;
	height: 210px;
}
	.boxlogin{
		background:url(../images/bg_leftmenu.gif) repeat-x left top #d9dadb;
		padding:10px;
	}
	.boxlogin .champs{
		float:left;
		width:50%;
		text-align:center;
	}
	.boxlogin .champs label{
		line-height:30px;
		width:85%;
		text-align:center;
	}
	.boxlogin .champs input{
		width:85%;
	}
	.boxlogin .submit{
		clear:both;
		margin:20px 0 5px;
		text-align:center;
	}
	.links{
		text-align:center;
		padding:10px 0;
		font-size:11px;
	}
	
.labelError{
    color:#ca0623;
    font-weight:bold;
    font-size:14px;
}

.boxtable .GVDetail td
{
    border:0px;
    padding: 1px 3px;
    background-color:#FFFFFF;
    }
    
.boxtable .libelle
{
    font-weight:bold;
    }
    
.switch
{
    background-image: url("../images/iphone_switch.png");
    background-position: 0px center;
    height: 22px;
    overflow: hidden;
    position: relative;
    width: 61px;
}
    
.switch.off  
{
    background-position: 0px bottom;
}

.switch.on  
{
    background-position: 0px top;
}

.lr_switch
{
    background-image: url("../images/left_right_switch.png");
    background-position: 0px center;
    height: 22px;
    overflow: hidden;
    position: relative;
    width: 38px;
}
    
.lr_switch.left  
{
    background-position: 0px top;
}

.lr_switch.right  
{
    background-position: 0px bottom;
}

#wait
{
    display:none;
    position:absolute;
    width:100%;
    height:100%;
    background-color:#000000;
    filter:alpha(opacity=60);
    opacity:0.6;
    -moz-opacity:0.6;
    z-index:100;

    text-align:center;
    vertical-align:middle;
}

#wait div{
    padding:90px;
    }
    
.ModalDiv
{
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;

    display:none;
    background-color:#000000;
    filter:alpha(opacity=60);
    opacity:0.6;
    -moz-opacity:0.6;

    text-align:center;
    vertical-align:middle;
    z-index:999;
}

.requiredfield
{
    color:Red;
    }
    
.tagline {
color: #345c8e;
font-family: Arial;
font-style: italic;
font-size: 11px;
position: absolute;
right: 60px;
}

.GVPager table
{
    Width:auto;
}

.GVPager span
{
    font-weight:bold;
    color:#016d8b;
}

.help, .helpHtml
{
    height:10px; 
    width:10px;
    padding: 0 0 5px 5px;
}

.detailpopup {
    position: absolute;
    display: none;
    height: auto;
    width: 300px;
    filter:alpha(opacity=100);
    opacity:1;
    -moz-opacity:1;
    z-index:1001;
}

.bubbleInfo {
    position: relative;
}

.hide { display:none; }
.show { display:block; }

.signingtable td {
    border:none !important;
    padding:6px !important;
}

.signingtable .data {
    font-weight: bold !important;
}

.radio-champs label {
	padding-left : 2px
}

.radio-champs input {
	top: 3px !important;
	position: relative;
}

.radio-champs {
	display: block;
	float: left;
	width: 100%;
	padding-left : 5px;
}

.empty-playercode {
	background-color: #d6031e
}

.empty-playercode label {
	color:#fff
}

.empty-playercode td {
	border-bottom: 1px solid #fff;
}

.checkbox-container {
	padding-left: 10px !important;
}

.checkbox-container label {
	padding-left: 5px;
}

.checkbox-container input {
	top: 2px;
    position: relative;
}

.not-declared-cible-pastille {
	color: white !important;
	float: right;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #016d8b !important;
	text-align: center;
	font-weight: 800;
	padding-bottom: 0.5px;
	padding-left: 0.5px;
	cursor: pointer;
}
.label-radio {
	margin-left: 2px;
	top: -2px;
	position: relative;
}