html {
	margin: 0;
	padding: 0;
	border: 0;
	height: 100%;
}

body
{
	/*background : Couleur vert*/
	background-image: url(/img/bg.png), url(/img/bg.svg);
	background-color:#467F1D;
		
	/*background-image: url(/img/bg.png);*/
	/*background-color: #6a3535;*/
	
	background-position: center center, 50% 50%;
	background-size: auto, 100% 100%;
	background-attachment: fixed;
	color: #000;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 100%;
}

div.logout {
float:right;
padding-right:5px;
}

div.identite {
float:left;
width:185px;
height:23px;
padding-top:3px;
}

div.recherche {
float:left;
height:23px;
width:200px;
margin-left:40px;
padding-top:2px;
}

div.container {

	height:95%;
}

div.row{
	margin:5px;
	padding:5px;
}

span.check {
	float:left;
}

.pad5 {
	margin:5px;
}
.remove {
	background:url(/img/suppr.png) no-repeat;
    cursor:pointer;
    border:none;
    height:20px;
    width:20px;
}

.validplage {
	display:block;
	background:url(/img/ok.png) no-repeat;
	background-size: 20px;
    cursor:pointer;
    border:none;
    height:20px;
    width:20px;	
}

table, tr, td, th {margin:0;border:0;padding:0;spacing:0;}

tr.row1 {
	background-color: #F9F9F9;
	margin:0;border:0;padding:0;spacing:0;
}
tr.row2 {
	background-color: #F0F0F0;
	margin:0;border:0;padding:0;spacing:0;
}

fieldset {

    margin:10px;
}

legend {
	    display: block;
    -webkit-padding-start: 2px;
    -webkit-padding-end: 2px;
font-size: 11px !important;
}

fieldset.zone_haut_de_page {
	height: 140px;
}

fieldset.zone_haut_de_page_2 {
   height: 63px;
}

p {
	margin:4px 0;
}

#map_client{
    width: 910px;
    height: 200px;
}
#map_global{
    width: 700px;
    height: 700px;
}

.ajax_loader {
	background: url("/img/loader.gif") no-repeat center center transparent;
	width: 100%;
	min-height: 100%;
}

del {
	color:#C0C0C0;
}

/* --- Montage Nicolas --- */

div.break {
	clear: both;
}

a.mgcp {
    color: #333;
    background: #ffcc11;
    padding: 3px;
    border: 1px #555 solid;
    text-align: center;
}


a.sip {
    color: #FFFFFF;
    background: #ee0033;
    padding: 3px;
    border: 1px #555 solid;
    text-align: center;
}


.login {
	height: 23px;
	background-color: #363636;
	color: #d5d5d5;
	font-size: 11px;
	padding: 3px 10px 0 78px;
	text-align: left;
	background-image: url(/img/title_logo.png);
	background-repeat: no-repeat;
	background-position: 2px 2px;
}

div.login input {
	border: none;
	background-color: #d5d5d5;
	color: #363636;
	font-size: 11px;
	margin-right: 10px;
}

.title {
 	color: #FFFFFF;
    font-size: 28px;
    padding: 5px 0 5px 30px;
    width: 1000px;
    position: relative;
}

.title_right {
    position: absolute;
    right: 50px;
    top: 0;
}

div.totale2 {
	width: 1200px;
	margin: 0 auto;
}

div.totale3 {
   width: 1200px;
   margin-left: -100px;	
}
div.totale5 {
	width: 95%;
	margin: 0 auto;
}
div.totale {
	width: 1000px;
	margin: 0 auto;
}
div.totale_wide {
	width: 100%;
	margin: 0 auto;
}

div.gauche {
	width: 711px;
	float: left;
}

div.gauche-tiers {
	width: 1000px;
	float: left;
}

div.droite-tiers {
	width: 0px;
	float: right;
}

div.droite {
	width: 252px;
	float: right;
}

div.table-small-text {
	font-size: 8px;
}

div.table-small-text td{
	font-size: 8px;
}

div.bloc-contenu {
	background-color: #FFF;
	padding: 2px 10px 3px 10px;
	margin: 5px 0 0 0;
	border-radius: 10px;
}

div.bloc-recherche {
	padding: 2px 10px 3px 10px;
	background: #d96800 url(/img/fond.png) no-repeat bottom right;
	min-height: 135px;
	color: #FFF;
	font-size: 15px;
	border-radius: 5px;
}

div.bloc-recherche input{
	background-color: #FFF;
	color: #d96800;
	font-size: 11px;
	border: none;
}

div.bloc-contenu td{
	font-size: 11px;
	padding: 2px 5px;
}

div.footer {
	text-align: center;
	padding-top: 15px;
	color: #FFF;
}

.nav_wrapper, .nav_wrapper ul {
	display: block;
	border: 0 none;
    margin: 0;
    padding: 0;
    vertical-align: baseline;    
}

.nav_wrapper ul {
	list-style: none outside none;
}

nav {
	/*background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#ccc));
	background-image: linear-gradient(#fff, #ccc);
	border-radius: 6px;*/
	box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.4);
	padding: 0 10px;
	position: relative;
	display: block;
	z-index: 9999;
}

.ui-tabs-nav li { 
	font-size: 9pt; 
}

.header_menu {
	display: block;
}

.header_menu li {
	float: left;
	position: relative;
}

.header_menu li a {
	color: #444;
	display: block;
	line-height: 20px;
	padding: 0px 12px;
	vertical-align: middle;
	text-decoration: none;
}

.header_menu li a:hover {
	background: -webkit-gradient(linear, center top, center bottom, from(#ededed), to(#fff));
	background-image: linear-gradient(#ededed, #fff);
	border-radius: 12px;
	box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.1);
	color: #222;
}

/* Dropdown styles */

.header_menu ul {
	position: absolute;
	left: -9999px;
	list-style: none outside none;
	opacity: 0;
	transition: opacity 1s ease;
}

.header_menu ul li {
	float: none;
}

.header_menu ul a {
	white-space: nowrap;
}

/* Displays the dropdown on hover and moves back into position */
.header_menu li:hover ul {
	background: rgba(255,255,255,0.7);
	border-radius: 0 0 6px 6px;
	box-shadow: inset 0px 2px 4px rgba(0,0,0,0.4);
	left: 5px;
	opacity: 1;
}

/* Persistant Hover State */
.header_menu li:hover a {
	background: -webkit-gradient(linear, center top, center bottom, from(#ccc), to(#ededed));
	background-image: linear-gradient(#ccc, #ededed);
	border-radius: 12px;
	box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.1);
	color: #222;
}

.header_menu li:hover ul a {
	background: none;
	border-radius: 0;
	box-shadow: none;
}

.header_menu li:hover ul li a:hover {
	background: -webkit-gradient(linear, center top, center bottom, from(#eee), to(#fff));
	background-image: linear-gradient(#ededed, #fff);
	border-radius: 12px;
	box-shadow: inset 0px 0px 4px 2px rgba(0,0,0,0.3);
}


/* ---- Conditions Listing clients ---- */

tr.construction {
	background-color: #ffd883;
}

tr.ferme {
	background-color: #ff8383;
}

tr.marche {
	background-color: #d2ff97;
}

tr.ok {
	background-color: #333;
	color: #FFF;
}

/* ---- Erreurs & Valid�s ---- */

div.bullinfo-nok {
	text-align: center;
/*	background-color: #ff8383;*/
	background-color: #FFBBBB;
	color: red;
	border-color: red;
	padding: 10px;
	border-width:2px;
	font-weight: 900;
   font-size: 15px;
}

div.bullinfo-ok {
	text-align: center;
	background-color: #d2ff97;
}

/* ---- Inputs ---- */

h2.ligne {
	width: 50%;
	background-color: #FFCC99;
	padding: 4px 40px;
}

input.btn {
	background-color: #FF9530;
	border: none;
	color: #FFF;
	font-size: 11px;
}

button.btn {
   background-color: #FF9530;
   border: none;
   color: #FFF;
   font-size: 11px;
}

button.btn_ajax {
   background-color: #FF9530;
   border: none;
   color: #FFF;
   font-size: 11px;
}

button.eit_button {
   background-color: #FF9530;
   border: none;
   color: #FFF;
   font-size: 9px;
}

button.phenix_button {
   background-color: #FF9530;
   border: none;
   color: #FFF;
   font-size: 9px;
}

button.create_bonenvoi {
   background-color: #FF9530;
   border: none;
   color: #FFF;
   font-size: 11px;
}

button.create_bonrestitution {
   background-color: #FF9530;
   border: none;
   color: #FFF;
   font-size: 11px;
}

button.btn[disabled] {
   background-color: #CCC;
   border: none;
   color: #FFF;
   font-size: 11px;
}

button.create_bonenvoi[disabled] {
   background-color: #CCC;
   border: none;
   color: #FFF;
   font-size: 11px;
}

button.create_bonrestitution[disabled] {
   background-color: #CCC;
   border: none;
   color: #FFF;
   font-size: 11px;
}

input.btn[disabled] {
	background-color: #CCC;
}

input[name=demande_relance_prelevement] {
	background : url("/img/reload.png") no-repeat center center;
   background-size: 100% 100%;
	width : 18px;
	height :18px;
	border : none;
	color : transparent;
	font-size: 0px;
}
input[type=text] {
	background-color: #FFCC99; 
}
input[type=text][class=test_style] {
	background: white;
	border: none;
	border-bottom: 1px dashed LimeGreen;
}
input[type=number] {
	width:75px;
   background-color: #FFCC99;
}
input[type=number][disabled] {
   width:75px;
   background-color: #CCC;
}
input[type=text][disabled] {
	background-color: #CCC;
	color: #000;
	border: 0;
}
input[type=text][readonly] {
	background-color: #CCC;
	color: #000;
	border: 0;
}
select {
   background-color: #FFCC99;
}
select[disabled] {
	background-color: #CCC;
	color: #000;
	border: 0;
}

/* ---- Liens ---- */

div.login a{
	color: #FFF;
}

a {
	text-decoration: none;
}


#tabs {
	background-color: #FFF;
	/*background-color: #FF8383;*/
}

.mvno_button {
	float: left;
   margin: 2px;
	cursor: pointer;
}

.mvno_suspended {
	background-color: grey;	
}

.validate_tips {
	border: 1px solid transparent; 
	padding: 0.3em;
	display: none;	
}

/* ---------------- CONTRATS -----------------*/
.ct_remove {
	display: inline-block;
	position: relative;
	top: 3px;
}

.ct_reduceprice {
	display: inline-block;
	position: relative;
   top: 3px;
}

.ct_option_add {
    margin-left: 20px;
}

ul.ct_lst_cat {
    list-style: none outside none;
	padding: 0;
	margin: 0;
}

ul.ct_lst_opt {
    list-style: none outside none;
	margin-left: 20px;
	padding: 0;	
}

.ct_space {
	 margin-left: 15px;
	 padding: 0;
}

.ct_prix_total {
    width: 50px;
   	padding: 1px 0px 4px 0px;
}

.ct_quantite {
    width: 30px;
}

.ct_prix_unitaire {
    width: 50px;
}

.ct_article {
	width: 200px;
   	padding: 1px 0px 4px 0px;
}

.ct_option {
	width: 200px;
   	padding: 1px 0px 4px 0px;
}

.ct_option_sarticle {
	width: 150px;
   	padding: 1px 0px;
}

#ct_wrapper {
	width: 860px;
	height: 600px;
	position: relative;
  	margin: 0 auto;
  	display: block;
}

#ct_articles {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 540px;
	padding: 0px 5px 0px 5px;
	overflow: scroll;
	overflow-x:hidden;
}

#ct_infos {
    height: 100%;
    left: 560px;
    position: absolute;
    top: 0;
    width: 300px;
    padding: 0px 5px 0px 5px;
}

.ct_contrat h3 {
	padding: 2px;
	text-align: center;
}

.ct_header {
    font-size: 13.3333px;
    margin-top: 7px;
}

.ct_header span {
	padding: 2px;
	display: inline-block;
    text-align: center;
}

.ct_header .ct_space {
	 margin-left: 5px;
	 padding: 0;
}

.ct_label {
	font-size: 13.3333px;
	width: 130px;
	display: inline-block;
	margin-bottom: 10px;
	padding-left: 10px;
}

.ct_devis_label {
	font-size: 13.3333px;
	width: 200px;
	display: inline-block;
	margin-bottom: 10px;
	padding-left: 10px;
}

.ct_devis_label2 {
   font-size: 13.3333px;
   width: 80px;
   display: inline-block;
   margin-bottom: 10px;
   padding-left: 10px;
}

.ct_vider {
   display: inline-block;
   position: relative;
}

.ct_cancel {
    bottom: 5px;
    left: 10px;
    position: absolute;
    width: 90px;
}

.ct_save {
    bottom: 5px;
    left: 110px;
    position: absolute;
    width: 90px;
}

.ct_accept {
    bottom: 5px;
    left: 210px;
    position: absolute;
    width: 90px;
}

.ct_ask_valid {
    bottom: 5px;
    left: 210px;
    position: absolute;
    width: 90px;
}

.ct_print {
   float: right;
   width: 200px;
}


/* ---------------- Tier - CONTRATS -----------------*/
.tiers_contrat {
	margin-top: 10px;
}

.tiers_contrat table {
	cellpadding: 0;
	cellspacing: 0;
	width: 100%;
	text-align: left;
}

.entete_contrat_new  {
	background-color: #333;
	color: #FFF;
	text-align: left;
	font-weight: bold;
}

.lien_suivi_contrat a {
	color: #D0F5A9 !important;
}

.test table {
	border:0px !important;
}

.test tr {
}

.test td {
}

.suivi_contrat {
	background-color: #E3F6CE;
	color: #222;
	text-align: left;
	font-weight: bold;
	border-right: 0px ;
	border-bottom: 0px ;
   padding:3px 10px 3px 10px;
}

.config_routeur {
   background-color: #F2FFE4;
   color: #222;
   text-align: left;
   border-right: 0px ;
   border-bottom: 0px ;
	margin-left:50px
}

tr.titre_config_routeur {
   color: MediumSeaGreen;
   font-weight: bold;
	border-top: 3px;
	border-color: #CCC;
}
td.titre_config_routeur {
   color: MediumSeaGreen;
   font-weight: bold;
	border-top: 3px;
	border-color: #CCC;
}
td.config_routeur {
   background-color: #F2FFE4;
}


.suivi_commandes {
 /*  background-color: #F2FFE4;*/
   background-color: #F5F3E5;
   color: #222;
   text-align: left;
   border-right: 0px ;
   border-bottom: 0px ;
}

td.titre_commande {
   background-color: green;
   color: white;
}
td.statut_a_resilier {
        border-radius:4px;
        background-color: #FF0000;
        color: #FFFFFF;
        text-align:center;
        font-weight: bold;
			border: 0px ;
}
td.statut_actif {
        border-radius:4px;
        background-color: #E0F8E0;
        color: #01DF3A;
        text-align:center;
        font-weight: bold;
			border: 0px ;
}
td.statut_encours {
        border-radius:4px;
        background-color: #F8ECE0;
        color: #FF8000;
        text-align:center;
        font-weight: bold;
			border: 0px ;
}
td.statut_inactif {
        border-radius:4px;
        background-color: #FBEFEF;
        color: #FE2E2E;
        text-align:center;
        font-weight: bold;
			border: 0px ;
}
td.statut_ok {
        border-radius:4px;
        background-color: #E0F8E0;
        color: #01DF3A;
        text-align:center;
        font-weight: bold;
			border: 0px ;
}
td.statut_autre {
        border-radius:4px;
        background-color: #F8ECE0;
        color: #FF8000;
        text-align:center;
        font-weight: bold;
			border: 0px ;
}
td.statut_nok {
        border-radius:4px;
        background-color: #FBEFEF;
        color: #FE2E2E;
        text-align:center;
        font-weight: bold;
			border: 0px ;
}
td.classe_bold {
        border-radius:4px;
        color: black;
        text-align:center;
        font-weight: bold;
			border: 0px ;
}
td.classe_orange {
        border-radius:4px;
        background-color: #F8ECE0;
        color: #FF8000;
        text-align:center;
        font-weight: bold;
			border: 0px ;
}
td.classe_vert {
        border-radius:4px;
        background-color: #E0F8E0;
        color: #01DF3A;
        text-align:center;
        font-weight: bold;
			border: 0px ;
}

.tiers_contrat caption  {
	background-color: #333;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	padding: 3px 0px 3px 0px;
}

.tiers_contrat tbody td {
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

.tiers_contrat tfoot td {
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	font-weight: bold;
	background-color: #E8E8E8;
}

.tiers_contrat thead th {
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	text-align: center;
}

.tiers_contrat ul {
    margin: 0;
}

/* ---------------- Tickets -----------------*/
#tk_detail_wrapper {
	width: 900px;
	height: 700px;
	position: relative;
  	margin: 0 auto;
  	display: block;
  	padding: 5px;
  	overflow-y: scroll;
}

#tk_create_wrapper {
	width: 900px;
	height: 660px;
	position: relative;
  	margin: 0 auto;
  	display: block;
  	padding: 5px;
}


.tk_infos_wrapper {
	width: 860px;
	height: 60px;
	position: relative;
  	margin: 0 auto;
  	display: block;
}

h2.tk_infos {
    padding: 5px;
    text-align: center;
}

h3.tk_infos {
	padding: 2px;
	text-align: center;
	margin: 2px 0 5px 0;
}

.tk_infos_data {
	padding: 2px;
	background-color: white;
	margin: 5px 0 0;
}

.tk_buttom_button {
    margin: 0 10px;
    width: 200px;
}

.tk_update {
    width: 200px;
    margin-left: 680px;
}

.tk_label {
	font-size: 13.3333px;
	width: 130px;
	display: inline-block;
	margin-bottom: 10px;
	padding-left: 10px;
}

#tk_wrapper {
	width: 860px;
	height: 600px;
	position: relative;
  	margin: 0 auto;
  	display: block;
  	padding: 5px;
}

.tk_data > ul {
	list-style: none outside none;
    padding: 0 5px;
}

.tk_select {
	font-size: 11px;
}

.tk_data > ul > li {
	margin: 5px 0 0;
	padding: 2px;
}
.tk_data > ul > li:nth-child(odd) {
    background-color: #FFFFFF;
}
.tk_data > ul > li:nth-child(even) {
    background-color: #F0F0F0;
}

.tk_data_header {
	font-size: 11.5px;
	font-style: italic;
	margin: 0 10px;
	padding: 2px;
	text-align: left;
}

.tk_buttom_button {
    float: right;
    margin: 7px;
    width: 150px;
}

.optionGroup
{
    font-weight: bold;
    font-style: italic;
}

.optionChild
{
    /*padding-left: 15px;*/
}

.ui-button {
	font-size: 0.9em;
}

.eventClass {
    font-weight: bold;
	font-size: 12px;
}
#myDialog {
    display:none;
}

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

.overlay {
   width: 100%;
    height: 100%;
    background-color: #000;
    filter:alpha(opacity=20);
    -moz-opacity:0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2;
    z-index: 99999999;
}


/* Menu */

	#menu ul {
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		user-select: none;
		color: #3d4449;
		font-family: "Roboto Slab", serif;
		font-family: 400;
		letter-spacing: 0.075em;
		list-style: none;
		margin-bottom: 0;
		padding: 0;
		text-transform: uppercase;
	}

		#menu ul a, #menu ul span {
			border-bottom: 0;
			color: inherit;
			cursor: pointer;
			display: block;
			font-size: 0.9em;
			padding: 0.625em 0;
		}

			#menu ul a:hover, #menu ul span:hover {
				color: #f56a6a;
			}

			#menu ul a.opener, #menu ul span.opener {
				-moz-transition: color 0.2s ease-in-out;
				-webkit-transition: color 0.2s ease-in-out;
				-ms-transition: color 0.2s ease-in-out;
				transition: color 0.2s ease-in-out;
				text-decoration: none;
				-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
				position: relative;
			}

				#menu ul a.opener:before, #menu ul span.opener:before {
					-moz-osx-font-smoothing: grayscale;
					-webkit-font-smoothing: antialiased;
					font-family: FontAwesome;
					font-style: normal;
					font-weight: normal;
					text-transform: none !important;
				}

				#menu ul a.opener:before, #menu ul span.opener:before {
					-moz-transition: color 0.2s ease-in-out, -moz-transform 0.2s ease-in-out;
					-webkit-transition: color 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
					-ms-transition: color 0.2s ease-in-out, -ms-transform 0.2s ease-in-out;
					transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
					color: #9fa3a6;
					content: '\f078';
					position: absolute;
					right: 0;
				}

				#menu ul a.opener:hover:before, #menu ul span.opener:hover:before {
					color: #f56a6a;
				}

				#menu ul a.opener.active + ul, #menu ul span.opener.active + ul {
					display: block;
				}

				#menu ul a.opener.active:before, #menu ul span.opener.active:before {
					-moz-transform: rotate(-180deg);
					-webkit-transform: rotate(-180deg);
					-ms-transform: rotate(-180deg);
					transform: rotate(-180deg);
				}

	#menu > ul > li {
		border-top: solid 1px rgba(210, 215, 217, 0.75);
		margin: 0.5em 0 0 0;
		padding: 0.5em 0 0 0;
	}

		#menu > ul > li > ul {
			color: #9fa3a6;
			display: none;
			margin: 0.5em 0 1.5em 0;
			padding-left: 1em;
		}

			#menu > ul > li > ul a, #menu > ul > li > ul span {
				font-size: 0.8em;
			}

			#menu > ul > li > ul > li {
				margin: 0.125em 0 0 0;
				padding: 0.125em 0 0 0;
			}

		#menu > ul > li:first-child {
			border-top: 0;
			margin-top: 0;
			padding-top: 0;
		}