/***** Général *****/
@import url(https://fonts.googleapis.com/css?family=Cabin|Questrial|Halant:400,700|Vollkorn:400,700|Vesper+Libre:400,700);


html
{
	overflow-x: hidden;
}

body
{
	background-color: #fff;
	margin: 0 auto;
	font-family: "Lucida Sans", Arial, sans-serif;
	font-size: 12px;
}

h1, p
{
	font-family: Cabin, "Helvetica Neue", "Britannic Bold", Helvetica, Arial, sans-serif;
}

table
{
	border-collapse: separate;
}

.btn-link
{
	font-family: arial;
	color: #4E6667;
}

select, textarea, input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
.uneditable-input
 {
	border-radius: 20px;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2) inset;
}

label, input, button, select, textarea 
{
	font-size: 13px;
	font-family: Cabin;
}

.float_right
{
	float: right !important;
}

.float_left
{
	float: left !important;
}
table.full_border {width:95%;    text-align: center;}
table.full_border ,table.full_border tr ,table.full_border td,table.full_border th  {
border-collapse:collapse;
border:1px solid black;
}
table.full_border .btn{
    margin: 5px;
    padding: 5px 60px;
}

.nomargin{margin:0px;}
.pointer{cursor:pointer;}
.clear
{
	clear: both;
}

.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover 
{
	font-size: 12px;
}

.btn-group i.icon-ok{
	display:none;
}
.btn-group .active i.icon-ok{
	display:block;
}

.btn-group .active:disabled{
	background-color:grey;
}

.btn[disabled]:active, .btn.active[disabled] {
    background-color: #60B2CC;
}

tr.btn-group.no-group{
display:table-row;
  font-size: inherit;
}
.hidden{display:none;}

.btn.active
{
	font-weight: bold;
}

.gradient-blue{
	background: #0084cc;
	background: -moz-linear-gradient(top,  #0084cc 0%, #0048cc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0084cc), color-stop(100%,#0048cc));
	background: -webkit-linear-gradient(top,  #0084cc 0%,#0048cc 100%);
	background: -o-linear-gradient(top,  #0084cc 0%,#0048cc 100%);
	background: -ms-linear-gradient(top,  #0084cc 0%,#0048cc 100%);
	background: linear-gradient(to bottom,  #0084cc 0%,#0048cc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0084cc', endColorstr='#0048cc',GradientType=0 );
}

.large-center{  
	width: 210px!important;
	text-align: center;
}
.inline-block{display:inline-block;}

table.text-center th , table.text-center td{
text-align:center;
}


select.chosen:required{
  display: block!important;
   width: 0px;
  height: 0px; 
  position: absolute;
  -webkit-appearance: none;
  z-index: -1;
  border: 0;
  line-height: 0;
  box-shadow: none !important;
  outline: none;
  margin-left: 46px!important;
}
.chzn-search input{
  padding: 2px 6px!important;
  margin: 0 0 0 5px!important;
  float: right;
  }
  .masquer{
		z-index: -5;
		margin-top: -22px;
		margin-left: -14%;
		width: 0px;
		height: 0px;
		position: absolute;
  }

.chzn-disabled .chzn-single .search-choice-close{display:none;}

/* .btn-toggle{ background-color:#1EA2A5;} */
/* .btn-toggle:active{ background-color:#1EA2A5;} */

/***** Modal atroce *****/

.modal-header {
	background-color: #4F6668;
	color: #FFF;
}
div#confirmdelete div {
	/* background: none; */
	background: white;
}
div#confirmdelete h4.modal-title {
	color: rgb(128, 128, 128);
	font-family: inherit;
}

/*** popover *******/

.popover-bottom{
  cursor: pointer;
  display: block;
  padding: 5px;
  margin-top: 5px;
  color:white;
}
 .popover{ z-index: 20!important;   max-width: 465px!important;}
 .popover-title{text-align: center;}
.popover-title, .popover-content{color:black;}

/**** Legende *****/
#legende tr{
	display: block;
	margin-top: 15px;
}
#legende tr:first-child{
	display: block;
	margin-top: 0px;
}
#legende{
	width:220px;
}
#legende  .statut_ech{
	height: 20px;
	width: 20px;
	line-height: 20px;
	margin-right: 5px;
	border-radius: 20%;
	float: left;
}

/***** Header *****/

header.row-fluid
{
	position: fixed;
	top: 0;
	z-index: 20;
}

header #header
{
	height: 55px;
	border-top: #383838 solid 5px;
	margin: 0;
	background-color: #f60;
}

#header ul
{
	margin: 12px 0;
	height: 30px;
	width: 100%;
	padding: 0;
}

#header ul li
{
	height: 30px;
	width: 128px;
	background-color: #4F6668;
	border-radius: 20px;
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4) inset;
	font-size: 13px;
	background-repeat: no-repeat;
	font-family: "Britannic Bold", sans-serif;
	color: #fff;
	cursor: pointer;
	transition: all 0.3s ease-out;
	padding:5px 0 0px 35px;
	margin: 0 0 0 20px;
}

#header ul .span1:hover, #header ul .open
{
	background-position: right center;
}

#header ul .span1:hover a , #header ul .open a
{
	transform:translate(-25px,0);
}

#header ul li a
{
	display: block;
	height: 100%;
	width: 100%;
	color: #fff;
	transition: all 0.3s ease-out; 
}

#header > ul > li > a
{
	font-size: 15px;
}

#header ul li a:hover
{
	text-decoration: none;
}

#header ul #item_home
{
	width: 50px;
	border-radius: 10px;
	background-color: #1EA2A5;
	background-image: url("images/interface/btn_home.png");
	background-position: center center;
	padding: 0;
}

#header ul #item_deco
{
	width: auto;
	padding: 4px 7px;
	background-color: #1EA2A5;
	float: right;
    margin-right: 20px;
}

#header ul #item_home:hover
{
	background-color: #21CBB5;
	background-position: center center;
}
#header ul #item_home:hover a
{
	transform: translate(0,0);
}

#header ul #item_deco:hover
{
	background-color: #21CBB5;
	border-radius: 20px;
}

#header ul #item_deco:hover a
{
	transition: none; 
	transform: translate(0,0);
}

.item_facturation
{
	background-image: url("images/interface/btn_facturation_2.png");	
}

.item_compta
{
	background-image: url("images/interface/btn_compta_2.png");	
}

.item_marche
{
	background-image: url("images/interface/btn_marche_2.png");	
}

.item_gestion
{
	background-image: url("images/interface/btn_gestion_2.png");	
}
.item_echantillon
{
	background-image: url("images/interface/btn_echantillon_2.png");	
}

.item_edition
{
	background-image: url("images/interface/btn_edition_2.png");	
}

.item_stats
{
	background-image: url("images/interface/btn_stats_2.png");	
}

.item_parametres
{
	background-image: url("images/interface/btn_para_2.png");	
}

h1
{
	text-align: center;
	margin: 5px 0 0 0;
	color: #fff;
	font-size: 2em;
    position: absolute;
    margin-top: -50px;
}

h1.accueil {
    margin-top: 12px;
	font-size: 2.8em;
	width: 100%;
}

h1:not(.accueil) {
    right: 0;
    margin-right: 106px;
    line-height: 1em;
	width: 200px;
}

#lien_deco
{
	height: 22px;
	font-size: 17px;
	background-color: #1EA2A5;
	border-radius: 20px;
	margin-top: 12px;
	padding: 4px 7px;
	color: #fff;
	font-family: "Britannic Bold", sans-serif;
	transition: all 0.3s ease-out;
	position: absolute;
	left: 80%;
	z-index: 1;
}

#lien_deco:hover
{
	text-decoration: none;
	background-color: #21CBB5;
}

#header .dropdown-menu
{
	height: auto;
	min-width: 200px;
	width: auto;
	position: relative;
	top: 0px;
	left: -72px;
	border-radius: 0;
	border: solid 3px #FEFEFE;
}

#header .dropdown-menu li
{
	width: 100%;
	height: auto;
	border-radius: 0;
	font-size: 14px;
	margin: 0;
	padding: 0;
	box-shadow: none;
	border-top: solid 2px #E3E3E3;
	clear: none;
}

#header .dropdown-menu li a
{
	display: inline;
	height: auto;
	width: auto;
	padding: 0 0 0 5px;
}

#header .dropdown-menu > li > a:hover, #header .dropdown-menu > li > a:focus, #header .dropdown-submenu:hover > a, #header .dropdown-submenu:focus > a,
.navbar .nav .dropdown .dropdown-menu > li > a:hover, .navbar .nav .dropdown .dropdown-menu > li > a:focus, .navbar .nav .dropdown .dropdown-submenu:hover > a, .navbar .nav .dropdown .dropdown-submenu:focus > a
{
	background-color: #4F6668;
	background-image: none;
}

#header .dropdown-menu .accordion-group
{
	height: auto;
}

#header .dropdown-menu .accordion-group .accordion-heading a
{
	display: block;
	height: 100%;
	width: 100%;
	margin: 0;
}

#header .open .accordion-toggle
{
	transform: translate(0,0);
}

#header ul .span1:hover .accordion-toggle
{
	transform: translate(0,0);
}

#header .dropdown-menu .accordion-group .accordion-body .accordion-inner
{
	height: 100%;
	margin: 0;
	border: none;
}

#header .dropdown-menu .accordion-group .accordion-body .accordion-inner li
{
	padding: 0 0 0 20px;
	border-top: 1px solid #E3E3E3;
	background-color: #6B8B8D;
}

#header ul #notif_button
{
	margin-top: 4px;
	min-height: 24px;
	background-image: url('images/interface/bell.png');
	width: 24px;
	height: 24px;
	border-radius: 0;
	background-color: transparent;
	box-shadow: none;
	padding: 0;
	transition: none;
}

#header ul #notif_button:hover
{
	background-position: right;
}

#header ul #notif_button #notif_nb
{
	position: relative;
	float: right;
	height: auto;
	padding: 1px 4px 1px 3px;
	text-align: center;
	width: auto;
	min-width: 15px;
	color: #fff;
	background-color: red;
	border-radius: 10px;
	bottom: 7px;
	left: 12px;
	font-size: 15px;
}

#notif_conteneur > * 
{
	padding: 5px 8px 6px 5px;
	border-top: 1px solid #ccc;
	font-size: 12px;
}

#notif_conteneur > *  a
{
	font-size: 11px;
	padding: 1px 4px;
	margin: 5px 0 0 10px;
}

.actions
{
	text-align: right;
}

#header ul .popover-content
{
	padding: 0;
	max-height: 400px;
	overflow-y: auto;
}

#header ul .popover.bottom .arrow 
{
	left: 56px;
}

/***** Corps *****/

.container-fluid
{
	height: 100%;
	background-color: #fff;
	padding: 0;
}

#footer
{
	margin-bottom:-70px;
	height: 70px;
	background-color: #6B8B8D;
	transition: margin 0.3s ease-out;
	box-shadow: 0px 5px 20px #000;
}

#footer.footer-on 
{
	margin-bottom:0px;
}

#footer a.enabled
{
	display:inline;
}

#footer a
{
	display:none;
	float: left;
	margin: 20px 0 0 50px;
	color: #000;
	font-family: arial, sans-serif;
	font-size: 13px;
	text-shadow: none;
}

#footer a.btn-primary
{
	color: #fff;
}

/***** Roue accueil *****/

#bloc_admin
{
	/*position: fixed;*/
	position:relative;
	float: left;
	width: 110px;
	height: 125px;
	margin: 20px 0 0 200px;
	background-image: url("images/interface/btn_admin.png");
	z-index: 25;
}

#roue_accueil{
	position: relative;
	height: auto;
	width: 330px;
	margin: 0 auto;
	/*top: 140px;*/
	float: left;
}

#echantillons.roue{
	height: 330px;
	width: 600px;
}
.roue{
	position: relative;
	height: 330px;
	width: 330px;
	margin: 0 auto;
	/*top: 140px;*/
}
.roue>*>* {
	width:100%;
}
.roue * {
	vertical-align: middle;
	text-align: center;
}
.roue .gauche,.roue .droite,.roue>.centre {
	position: absolute;
	height: 100%;
	width:20%;
}
.roue>.centre{
	left: 40%;
}
.roue .gauche{
	left: 0%;
}
.roue .droite{
	left: 80%;
}
.roue .haut,.roue>*>.centre,.roue .bas {
	height: 20%;
	position: absolute;
}
.roue .haut {
	top: 0%;
}
.roue>*>.centre {
	top: 40%;
}
.roue .bas {
	top: 80%;
}
.roue .moyeu {
	position: absolute;
	width: 300%;
	margin-top: -66%;
	margin-left: -100%;
}

.roue .droite .haut,.roue .droite .bas {
	left: -15%;
}
.roue .droite .haut,.roue .gauche .haut {
	top: 15%;
}
.roue .gauche .haut, .roue .gauche .bas {
	left: 15%;
}
.roue .gauche .bas,.roue .droite .bas {
	top: 75%;
}
a.rond {
	display: block;
	border: solid;
	border-radius: 50%;
	width: 10em;
	padding-top: 35%;
	padding-bottom: 35%;
	margin-top: -35%;
}

#echantillons .roue {
	width: 600px;
}

#roue_accueil .roue_bloc1
{
	height: 125px;
	width: 100%;
}

#roue_accueil .roue_bloc1 div
{
	height: 125px;
	width: 110px;
	float: left;
}

#roue_accueil div a, #bloc_admin a
{
	display: block;
	height: 100%;
	width: 100%;
}

#roue_accueil .roue_bloc2
{
	height: 200px;
	width: 100%;
}

 .moyeu p,#roue_accueil .roue_bloc2 p
{
	height: auto;
	color: #4E6667;
	font-size: 5em;
	text-align: center;
	margin: 0 0 0 0;
	padding: 50px 0 0 0;
	/*
	font-family: 'Vesper Libre', serif;
	font-family: 'Vollkorn', serif;
	*/
	font-family: 'Halant', serif;
	font-weight: bold;
}

#roue_accueil #btn_facturation
{
	background-image: url("images/interface/btn_facturation.png");
	transform: translate(-55px,80px);
}

#roue_accueil #btn_compta
{
	background-image: url("images/interface/btn_compta.png");
}

#roue_accueil #btn_marche
{
	background-image: url("images/interface/btn_marche.png");
	transform: translate(55px,80px);
}

#roue_accueil #btn_gestion
{
	background-image: url("images/interface/btn_gestion.png");
	transform: translate(-80px,-85px);
}

#roue_accueil #btn_stats
{
	background-image: url("images/interface/btn_stats.png");
}

#roue_accueil #btn_parametres
{
	background-image: url("images/interface/btn_para.png");
	transform: translate(80px,-85px);
}

#roue_accueil div:hover, #bloc_admin:hover
{
	background-position: -110px;
}

#conteneur-accueil {
	margin: 0 auto;
	clear: both;
	width: 1320px;
	height:80%;
	position: relative;
}

#conteneur-accueil #echantillons .roue  {
	width:1000px;
}

#conteneur-accueil #echantillons .roue .moyeu  {
	width: 260%;
	margin-left: -60%;
}
#echantillons img{
	margin-top:40px;
}

#conteneur-accueil .roue .moyeu {
  margin-top: -15%;
}

#conteneur-accueil a:hover,#conteneur-accueil a:focus{
	text-decoration:none;
}

#conteneur-accueil .gauche .centre , #conteneur-accueil .droite .centre{
background:url("images/interface/rond.png");
width:280px;
height:280px;
}
#conteneur-accueil .gauche .centre:hover , #conteneur-accueil .droite .centre:hover {
  background-position: -280px;
  }

#conteneur-accueil .big_rond{
	vertical-align: middle;
	display: table-cell;
	text-align: center;
	height: 280px;
	width: 280px;
	vertical-align: middle;
	font-size: 2.5em;
	line-height: 1.5em;
	color: #4E6667;
}

#conteneur-accueil .btn-group {
width:100%;
text-align:center;
margin-top: -90px;
}

#conteneur-accueil .btn-group .btn:last-child {
	  border-radius: 0px 15px 15px 0px;
}
#conteneur-accueil .btn-group .btn:first-child {
	  border-radius: 15px 0px 0px 15px;
}
#conteneur-accueil .btn-group .btn{
	min-width:20%;
	background:#2B2B2B;
	color: white;
	padding: 18px;
	font-size: 20px;
}
#conteneur-accueil .btn-group i {display:none;}
#conteneur-accueil .btn-group .active i {
	display:inline-block; 
	float:left;
	height: 18px;
	width: 22px;
	background-image: url("images/interface/glyph-ok.png");
	background-size: 100% 100%;
	background-position: 0px;
}
#conteneur-accueil .btn-group .active  {background-color:#1EA2A5}

#accueil-marches, #accueil-facturation {
	width: 350px;
	height: 280px;
	float: left;
	background:			#e6e6e6;
	background: 		-webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#e6e6e6));
	background: 		-moz-linear-gradient(#fff, #e6e6e6);
	background: 		linear-gradient(#fff, #e6e6e6);
	-pie-background: 	linear-gradient(#fff, #e6e6e6);
	behavior: 			url(pie.htc);
	/*top: 140px;*/
	position: relative;
	float: left;
	border: 4px solid white;
	box-shadow: 0 0 6px 5px #ccc;
	border-radius: 16px;
	margin-top: 100px;
	color: #4d6666;
}

#accueil-marches form, #accueil-facturation form {
	height: 220px;
	margin-bottom: 28px;
}

#accueil-marches .bloc-titre-accueil, #accueil-facturation .bloc-titre-accueil {
	clear: both;
	overflow: hidden;
}

#accueil-marches h2, #accueil-facturation h2 {
	font-family: 'Halant', serif;
	font-size: 20px;
	margin-left: 54px;
	margin-top: -4px;
	color: #4D6666;
	width: 128px;
	float: left;
}

#accueil-marches p, #accueil-facturation p {
	font-size: 11px;
	font-family: Verdana;
	line-height: 16px;
}

#accueil-marches hr, #accueil-facturation hr {
	width: 85%;
	margin: 8px auto;
	background: #4d6666;
	height: 1px;
	border: none;
	clear: both;
}

#accueil-marches .bloc-inputs, #accueil-facturation .bloc-inputs {
	float: left;
}

#accueil-facturation span {
	font-size: 15px;
}

#accueil-marches .bloc-inputs label, #accueil-facturation .bloc-inputs label {
	float: left;
}

#accueil-marches .bloc-inputs label span, #accueil-facturation .bloc-inputs label span {
	display: inline-block;
	width: 30px;
}

#accueil-marches .bloc-inputs input, #accueil-facturation .bloc-inputs input {
	width: 100px;
}

#accueil-facturation .bloc-inputs.inputs-facturation {
	text-align: center;
}

#accueil-facturation .bloc-inputs.inputs-facturation span {
	width: 104px;
}

#accueil-facturation .bloc-inputs.inputs-facturation input {
	margin: 0 7px;
}

#accueil-marches span.float, #accueil-facturation span.float {
	float: left;
	padding-left: 20px;
	line-height: 66px;
}

#accueil-marches label, #accueil-facturation label {
	display: block;
	padding-left: 20px;
}

#accueil-marches label span, #accueil-facturation label span {
	display: inline-block;
	width: 80px;
	font-size: 15px;
}

#accueil-marches input, #accueil-facturation input {
	width: 212px;
	text-align: center;
	color: #4F6668;
	font-size: 14px;
}

#accueil-marches form p, #accueil-facturation form p {
	text-align: center;
}

#accueil-marches ul li, #accueil-facturation ul li {
	list-style-type: none;
	font-size: 18px;
	font-family: 'Questrial';
	margin: 14px 32px 0;
}

#accueil-marches ul li a, #accueil-facturation ul li a {
	color: #4f6668;
}

#accueil-marches ul li.nouveau-marche:before,
#accueil-facturation ul li.nouvelle-facture:before,
#accueil-facturation ul li.fichiers-cave:before,
#accueil-facturation ul li.export-compta:before {
	content: " ";
	position: absolute;
	margin-left: -40px;
	margin-top: -8px;
	width: 33px;
	height: 33px;
}

#accueil-marches ul li.nouveau-marche:before {
	background: url(images/interface/nouveau-marche.png);
}

#accueil-facturation ul li.nouvelle-facture:before {
	background: url(images/interface/nouvelle-facture.png);
}

#accueil-facturation ul li.fichiers-cave:before {
	background: url(images/interface/fichiers-cave.png);
}

#accueil-facturation ul li.export-compta:before {
	background: url(images/interface/export-compta.png);
}

#accueil-marches:before, #accueil-facturation:before {
	content: " ";
	position: absolute;
	width: 74px;
	height: 74px;
	z-index: 1;
	margin-top: -24px;
	margin-left: -24px;
}

#accueil-marches:before {
	background: url(images/interface/icone-marches.png);
}

#accueil-facturation:before {
	background: url(images/interface/icone-facturation.png);
}

#accueil-facturation {
	margin-right: 90px;
	margin-left: 18px;
}

#accueil-marches {
	margin-right: 8px;
	margin-left: 100px;
}

#accueil-marches #valider-marches, #accueil-facturation #valider-facturation {
	border: 1px solid #789798;
	background: #4F6668;
	border-radius: 12px;
	color: white;
	padding: 2px;
	width: 140px;
	font-family: Verdana;
	font-weight: bold;
	font-size: 15px;
}

#accueil-marches #valider-marches:hover, #accueil-facturation #valider-facturation:hover {
	border: 1px solid #4F6668;
	background: white;
	border-radius: 12px;
	color: #789798;
	padding: 2px;
	width: 140px;
	font-family: Verdana;
	font-weight: bold;
	font-size: 15px;
}

.diaporama {
	display: block;
	overflow-y: auto;
	overflow-x: hidden;
	height:100%;
}
.diapos {
	width: 500%;
}
#conteneur-accueil .diapo {
	padding-left: 18px;
}
.diapo {
	width: 20%;
	float: left;
}

/***** Connexion *****/

#form_connexion
{
	position: relative;
	top: 190px;
	height: 248px;
	width: 379px;
	margin: 0 auto;
	background-image: url("images/interface/fond_connexion.png");
	background-color: #fff;
	background-repeat: no-repeat;
}

#form_connexion p
{
	font-size: 2em;
	position: relative;
	color: #4E6667;
	top: 40px;
	left: 110px;
}

#form_connexion label
{
	color: #4E6667;
	font-family: arial;
}

.form-horizontal
{
	position: relative;
	top: 65px;
	right: 20px;
}

.form-horizontal .control-group
{
	margin: 0 0 15px 0;
}

.form-horizontal .gr_special
{
	margin: 0px;
}

.form-horizontal .control-label
{
	width: 140px;
}

.form-horizontal .controls
{
	margin-left: 155px;
}

.form-horizontal .btn-link
{
	font-size: 11px;
	padding-left: 5px;
}

.form-horizontal .fin_form
{
	margin-left: 50px;
}

.form-horizontal .fin_form label
{
	font-size: 13px;
}

.form-horizontal .fin_form .btn
{
	float: right;
}

.alert 
{
	margin-top: -50%;
	position: fixed;
	text-align: left;
	width: 200px;
	z-index:25;
	right:	10%;
	border-radius: 0px 0px 5px 5px;
	box-shadow: 0 0 10px -2px rgb(255, 255, 255, 0.4);
}

.navbar+.alert 
{
	margin-top: 130px;
}

.close {
	opacity: 0.7;
	color: white;
}

.alert .close 
{
	top: 3px;
	right: -10px;
}

.alert-success 
{
    background-color: rgb(98, 196, 98);
    border-color: rgb(81, 163, 81);
    color: rgb(255, 255, 255);
}
	
/***** Tableaux *****/

.navbar
{
	margin: 65px 0 0 0;
	font-size: 13px;
}

.navbar .navbar-inner
{
	background-color: #6B8B8D;	
	background-image: none;
	border-radius: 0;
	box-shadow: none;
	border: none;
	border-bottom: #fff 2px solid;
	color: #fff;
	font-family: Cabin;
}

.navbar .brand
{
	color: #fff;
	background-color: #4F6668;
	background-position: 10px center;
	background-repeat: no-repeat;
	text-shadow: none;
	margin-right:10px;
	font-size: 18px;
	padding-left: 45px;
	padding-right: 20px;
	box-shadow: 7px 0 7px -5px rgba(0, 0, 0, 0.5);
}

.navbar .nav
{
	background-color: #6B8B8D;
	float: none;
}

.navbar .nav li a
{
	color: #fff;
	text-shadow: none;
	background-position: left center;
	background-repeat: no-repeat;
	padding: 10px 0 10px 25px;
}

.navbar .nav li a:hover, .navbar .nav li #btn_select:hover, .navbar .nav li #btn_deselect:hover
{
	color: #fff;
	text-decoration: none;
	text-shadow: 0 1px 0 #FFFFFF;
}

.navbar .nav li #btn_add
{
	background-image: url("images/interface/btn_new_disabled.png");
}
.navbar .nav li .enabled#btn_add
{
	background-image: url("images/interface/btn_new.png");
}

.navbar .nav li #btn_edit
{
	background-image: url("images/interface/btn_edit_disabled.png");
}

.navbar .nav li #btn_delete
{
	background-image: url("images/interface/btn_delete_disabled.png");
}

.navbar .nav li > a
{
	color: #C8C8C8;
	cursor: not-allowed;
	
}
.navbar .nav li > a:hover
{
	color: #C8C8C8;
	cursor: not-allowed;
	text-shadow: none;	
}

.navbar .nav li a.enabled
{
	color: #fff;
	cursor: pointer;
}

.navbar .nav li a.enabled:hover
{
	color: #fff;
	text-shadow: 0 1px 0 #FFFFFF;
}

.navbar .nav li .enabled#btn_edit
{
	background-image: url("images/interface/btn_edit.png");
}

.navbar .nav li .enabled#btn_delete
{
	background-image: url("images/interface/btn_delete.png");
}

.navbar .nav li #btn_refresh
{
	background-image: url("images/interface/btn_refresh.png");
}

.navbar .nav li #btn_copy
{
	background-image: url("images/interface/btn_copy.png");
}

.navbar .nav li #btn_import
{
	background-image: url("images/interface/btn_import.png");
}

.navbar .nav li #btn_export
{
	background-image: url("images/interface/btn_export.png");
}
.navbar .nav li select,.navbar .nav li input
{
	margin: 7px 15px 0 0;
	height: 25px;
	font-size: 10px;
	color: #4E6667;
	width: 95px;
}

.navbar .nav li input {
	margin-top: 4px;
}

.navbar .nav li #btn_select, .navbar .nav li #btn_deselect
{
	padding: 10px;
	cursor: pointer;
}

.navbar .nav .input-append
{
	float: right;
	margin: 0 -15px 0 0;
	padding: 5px 0 0 0;
}

.navbar .nav .input-append input
{
	width: 150px;
	margin: 2px 0 0 0;
	height: 15px;
	border-radius: 20px 0 0 20px;
}

.navbar .nav .input-append .btn-group
{
	margin-top: 2px;
}

.navbar .nav .input-append .btn-group a
{
	color: #000;
	padding: 2px 10px 1px;
}

.navbar .nav .input-append .btn-group ul
{
	 background-color: rgb(255, 255, 255);
	 border-radius: 6px 6px 6px 6px;
	 padding: 5px 0;
	 border: 1px solid rgba(0, 0, 0, 0.2);
}

.navbar .nav .input-append .btn-group ul li
{
	 border-top: none;
}

.navbar .nav .input-append .btn-group ul li a
{
	 cursor: pointer;
}

.navbar .nav .input-append .btn-group ul li a:hover
{
	color: #fff;
	background-color: #1EA2A5;
	background-image: none;
}

.navbar .nav .input-append .btn-group span
{
	border-top-color: #000;
}

.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle
{
	color: #fff;
	background-color: #6B8B8D;
}

.navbar .nav .dropdown-menu
{
	border-radius: 0;
	border: solid 3px #FEFEFE;
 	background-color: #6B8B8D;
	padding: 0;
}

.navbar .nav .dropdown-menu li
{
	border-top: solid 2px #E3E3E3;
}

.navbar .nav .dropdown-menu li a
{
	padding: 2px 5px;
}

.navbar .nav #last
{
	padding: 7px 0 0 0;
}

.navbar .nav #last select
{
	margin: 0 2px 0 2px;
}

.dataTables_scroll
{
	border-top: 1px solid rgb(107, 139, 141);
}

.datatable thead tr
{
	border-top: 1px solid #6B8B8D;
	border-bottom: 1px solid #6B8B8D;
	background-color: #E0E0E0;
}

.datatable thead tr th
{
	font-weight: normal;
	color: #4E6667;
	border-right: 1px solid #CCCCCC;
	vertical-align:	middle;
}

.datatable thead tr #spec_cell
{
	width: 8%;
}

.datatable thead tr th input
{
	height: 10px;
	width: 50%;
	float: right;
	display: none;
	margin: 0 auto;
	position: relative;
	right: 5px;
}

.datatable .toggled input 
{ 
	display:block; 
}

.datatable thead tr th i
{
	float: left;
	margin: 2px 10px 0 0;
}

.datatable tbody tr td
{
	border-right: 1px solid #CCCCCC;
	border-top: none;
	height: 24px;
	font-size: 11px;
}

.datatable td.Oui {
	background-image: url("administrer/images/interface/publish.png");
}

.bool,.datatable td.Non,.datatable td.Oui {
	color: transparent;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.bool.true,.datatable td.Oui {
	background-image: url("administrer/images/interface/publish.png");
}

.bool.false,.datatable td.Non {
	background-image: url("administrer/images/interface/unpublish.png");
}

input.adroite, .datatable tbody tr td.adroite, .table tbody tr td.adroite
{
	text-align: right;
}

.dataTables_scrollBody
{
	overflow-y: scroll !important;
}

.sorting_asc, .sorting_desc
{
	background-color: #6B8B8D;
	color: #fff !important;
	text-shadow: 0 1px 0 #FFFFFF;
}

.toggled
{
	text-indent: -9000em;
}

div.DTTT_container
{
	display: none;
}

.table-hover  tbody .DTTT_selected:hover > td, .table-hover  tbody .DTTT_selected:hover > th
{
	background-color: rgba(32, 201, 179, 0.25);
}

/***** Editions *****/

.container-fluid  #big_bloc
{
	height: 90%;
	margin: 65px 0 0 0;
}

.container-fluid  #bloc_left
{
	position: fixed;
	background-color: #CCCCCC;
	border-right: 5px solid #1EA2A5;
	height: 88.3%;
	box-shadow: 10px 0px 8px -8px rgba(0,0,0,0.7);
	float: left;
	width: 220px;
	margin: 0;
	border-bottom: 6px solid #1EA2A5;
    border-top: 5px solid #1EA2A5;
	z-index: 3;
}

.container-fluid #bloc_left #titre_left
{
	background-color: #4F6668;
	color: #fff;
	font-family: "Britannic Bold", arial;
	text-align: center;
	font-size: 18px;
	padding: 30px 0 0 0;
	height: 60px;
}

.container-fluid #bloc_left #menu_left
{
	list-style-type: none;
	width: 100%;
	margin: 0;
	height: 85%;
	font-size: 15px;
}

.container-fluid #bloc_left #menu_left li
{
	width: 100%;
	margin: 0;
	height: auto;
	background-color: #D8D8D8;
	border-bottom: 1px solid #4F6668;
}

.container-fluid #bloc_left #menu_left li.activated
{
	background-color: #1EA2A5;
}

.container-fluid #bloc_left #menu_left li.activated a
{
	color: #fff;
	text-decoration: none;
}

.container-fluid #bloc_left #menu_left li:hover
{
	background-color: #21CBB5;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.6) inset;
}

.container-fluid #bloc_left #menu_left li a
{
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #333333;
	padding: 12px 0;
	font-family: "Britannic bold", arial;
	font-size: 15px;
}

.container-fluid #bloc_left #menu_left li a:hover
{
	text-decoration: none;
	color: #fff;
}

.container-fluid #bloc_right
{
	height: 100%;
	margin: 0 0 0 225px;
	background-color: #7B8C8D;
	padding: 0;
	border-bottom: 5px solid rgb(79, 102, 104);
    border-top: 5px solid rgb(79, 102, 104);
}

.container-fluid #bloc_right.taille_1
{
	margin: 0;
	width: 100%;
}

.container-fluid .taille_2
{
	width: 200%;
}

.container-fluid .taille_3
{
	width: 300%;
}

.container-fluid .taille_4
{
	width: 400%;
}

.container-fluid .taille_6
{
	width: 600%;
}

.container-fluid .taille_7
{
	width: 700%;
}

.container-fluid #bloc_right .form_right
{
	height: 100%;
	float: left;
}

.container-fluid  .taille_1 .form_right
{
	width:100%;
	float:none;
}

.container-fluid .taille_2 .form_right
{
	width: calc(100% / 2 - 220px);
}

.container-fluid .taille_3 .form_right
{
	width: calc(100% / 3 - 220px);
}

.container-fluid .taille_4 .form_right
{
	width: calc(100% / 4 - 220px);
}

.container-fluid .taille_6 .form_right
{
	width: calc(100% / 6 - 220px);
}

.container-fluid .taille_7 .form_right
{
	width: calc(100% / 7 - 220px);
}

.container-fluid #bloc_right .form_right .titre_right
{
	height: 32px;
	background-color: #D8D8D8;
	border-bottom: 1px solid  #4F6668;
	background-image: url('images/interface/puce_titre.png');
	background-position: 10px center;
	background-repeat: no-repeat;
	padding: 12px 0 0 37px;
	font-size: 15px;
}

.container-fluid #bloc_right .form_right form .valid_right
{
	height: 44px;
	background-color: #CCCCCC;
	border-bottom: 1px solid  #4F6668;
	box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.5);
}

.container-fluid  form fieldset>div>label>input
{
	margin-left: 20px;
}

.container-fluid #bloc_right .form_right form .valid_right button
{
	float: right;
	margin: 5px 30px 0 0;
}

.container-fluid #bloc_right form fieldset
{
	width: 28%;
	margin: 30px 0 0 30px;
	border-radius: 12px;
	border: 2px solid #fff;
	background-color: #E0E0E0;
	padding: 0 10px 10px 10px;
	float: left;
	min-height: 80px;
}

.container-fluid #bloc_right form span
{
	display: block;
	color: #4F6668;
	padding: 0;
	margin: 10px 0 10px 0;
	text-shadow: 0px 0px rgba(0, 0, 0, 0.8);
}

.container-fluid #bloc_right form fieldset .btn-group[data-toggle="buttons-checkbox"] .btn
{
	margin: 0 20px 0 0;
}

.compteur
{
	float: right;
	margin: 7px 20px 0 0;
	border-radius: 4px;
	padding: 3px 7px;
	background-color: #1EA2A5;
	color: white;
}

.compteur b
{
	font-size: 18px;
}

/***** Formulaires *****/

.fixed
{
	border-top: 5px #fff solid;
	position: fixed;
	width: 100%;
	margin-top: 60px;
	z-index: 15;
}

.fixed .navbar-inner
{
	border-bottom: none;
}

.fixed .navbar-inner span
{
	margin-right: 200px;
	width: 330px;
}

.fixed .navbar-inner .item_add
{
	background-image: url("images/interface/btn_new.png");
}

.fixed .navbar-inner .item_edit
{
	background-image: url("images/interface/btn_edit.png");
	margin-right: 310px;
}

.fixed .navbar-inner button
{
	margin-left: 20px;
}

#block_form .bordereds>.pull-right{
	border-left: 1px solid;
	padding-left: 2%;
}
#block_form
{
	height: 100%;
	width: 100%;
	margin-top: 105px;
	padding: 0 0 50px 0;
	background-color: #E5E5E5;
	display: table;
}

#block_form form
{
	height: 100%;
	width: 1150px;
	margin: 0;
	float: left;
}

#block_form .volet form
{
	width: 910px;
}

#block_form form > button
{
	display: none;
}

#block_form fieldset
{
	background-color: #C5DCDD;
	float: left;
	margin: 18px 0 0 18px;
	border: 1px solid #D4D4D4;
	padding: 15px 10px 5px 10px;
}

#block_form fieldset legend
{
	border-bottom: none;
	background-color: #4F6668;
	color: #fff;
	font-size: 13px;
	padding: 0 10px;
	width: 200px;
	border-radius: 10px;
	line-height: 30px;
	margin-bottom: 0;
}

#block_form textarea
{
	border-radius: 0;
	resize: vertical;
}

#block_form .tout_align 
{
	margin: 0 0 10px 0;
}

#block_form .tout_align .btn-group
{
	float: right;
}

#block_form .btn-group
{
	width: auto;
	margin: 0 0 10px 0;
}

input.obligatoire, select.obligatoire, textarea.obligatoire
{
	box-shadow: 0px 4px 8px 0px rgb(189, 54, 47) inset;
	background: rgba(189, 54, 47, 0.05);
}

input:focus:invalid, textarea:focus:invalid, select:focus:invalid {
	color: #555;
}

/* Nouveau marché */

#block_form fieldset select
{
	margin: 0 0 0 5px;
	float: right;
}

#block_form fieldset > label, #block_form fieldset .blocagauche label, #block_form #block_conditions > div label, #block_form #block_infos_comptables > div label, #block_form #block_id_cave > div label
{
	float: left;
	margin: 0 0 10px 0;
	width: 100%;
}

#block_form fieldset > label input, #block_form fieldset .blocagauche > label input, #block_form #block_conditions > div label input, #block_form #block_infos_comptables > div label input, #block_form #block_id_cave > div label input
{
	padding: 2px 6px;
	margin: 0 0 0 5px;
	float: right;
}
.input-append input{
	padding: 4px 6px!important;

}
#block_form fieldset  label .input-append input {
	float: none;
	font-size:12px;
}
#block_form fieldset  label .input-append .add-on {
	margin-left: -11px;
	font-size:12px;
	position: relative;
	z-index: 2;
	padding: 4px 6px;
	border-radius: 0 20px 20px 0;
}

#block_form fieldset #tout_align_1,#block_form fieldset .tout_align_1
{
	float: left;
	margin: 0 0 10px 0;
}

#block_form fieldset #tout_align_1 label,#block_form fieldset .tout_align_1 label
{
	margin: 0 0 0 60px;
}

#block_form fieldset #tout_align_1 .btn-group,#block_form fieldset .tout_align_1 .btn-group
{
	margin: 0 0 0 55px;
}

#block_form fieldset #tout_align_2,
#block_form fieldset .tout_align_2
{
	float: left;
	margin: 0 0 10px 0;
	width: 100%;
}

#block_form fieldset #tout_align_2 label,
#block_form fieldset .tout_align_2 label
{
	float: left;
	margin: 0 0 0 0px;
	padding: 0;
}

#block_form fieldset #tout_align_2 #commission,
#block_form fieldset .tout_align_2 input
{
	margin: 0 0 0 30px;
}

#block_form fieldset #tout_align_2 .btn-group,
#block_form fieldset .tout_align_2 .btn-group
{
	margin: 0 0 0 12px;
}

#block_form fieldset .blocagauche
{
	float: left;
	width: 55%;
	padding: 0;
}

#block_form fieldset .blocadroite
{
	padding: 5px 20px 0 0px;
	float: right;
	font-size: 14px;
}
#block_form fieldset .no_block
{
	float: none;
	display: inline-block;
	width: 100%;
}
#block_form fieldset .blocadroite.no_block span#marche_success,#block_form fieldset .blocadroite.no_block span#marche_danger{
	margin: auto;
	display: block;
	text-align: center;
	width: 80%;
}
#block_form fieldset .blocadroite.no_block > div{
	margin: 15px 0px 15px;
}

#block_form fieldset .blocadroite span
{
	padding: 8px;
	background-color: grey;
	color: #fff;
	font-weight: bold;
}

#block_form fieldset .blocadroite span#marche_success
{
	background-color: rgb(98, 196, 98);
}

#block_form fieldset .blocadroite span#marche_danger
{
	background-color:  rgb(238, 95, 91);
}

#block_form fieldset .blocadroite > div
{
	background-color: #789799;
	border: 2px #6B8B8D solid;
	border-radius: 10px;
	color: #fff;
	text-align: center;
	margin: 40px 0 30px 0;
	padding: 5px;
}

#block_form fieldset .blocadroite > div > div
{
	color: #4C4F49;
	font-weight: bold;
	background-color: #fff;
	border-radius: 20px;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2) inset;
	padding: 2px 5px 0 0;
	text-align: right;
	margin: 5px 0 0 0;
}

#block_form fieldset .blocadroite>button
{
	float: right;
}

label .btn-group {
	float: right;
}

#block_form fieldset .blocagauche label
{
	margin: 0 0 15px 0;
}

#block_form #block_identification, #block_form #block_conditions
{
	padding: 40px 0px 0px 10px;
}

#block_form #block_edition
{
	padding: 15px 0 0 10px;
}

#block_form #block_conditions  > .blocagauche.aseparer
{
	width :49%;
}
#block_form #block_conditions .blocadroite.aseparer
{
	border:none!important;
	padding:0;
	margin:0;
}
#block_form #block_conditions > .aseparer
{
	width :40%;
	margin-left: 0%;
	margin-right: 3%;
}

#block_form #block_conditions > div, #block_form #block_edition > div, #block_form .aseparer
{
	width: 30%;
	height: 100%;
	float: left;
	margin: 0 20px 0 0;
	border-right: 1px #000 solid;
	padding: 0 14px 0 0;
}

#block_form #block_conditions > div
{
	width: 38%;
}

#block_form #block_conditions #block_2
{
	width: 28%;
}

#block_form #block_conditions #block_last
{
	margin: 0;
	border-right: none;
	padding-right: 0;
	width: 24%;
}

#block_form #block_edition > div
{
	width: 15%;
	padding: 0;
	margin: 0 10px 0 0;
}

#block_form #block_edition > div .btn-group
{
	margin: 10px 0 0 0;
	float: none;
}

#block_form #block_edition #block_last
{
	border-right: none;
}

#block_form #block_edition .label_spec
{
	width: 33%;
	margin: 0;
}

#block_form #block_edition .label_spec textarea, #block_form #block_infos textarea
{
	width: 100%;
}

#block_form .btn-com
{
	float: left;
	margin: -1px 0 0 -14px;
	border-radius: 0;
}

#block_form p
{
	font-family: Cabin;
}

#block_form p > label
{
	display: inline;
}

#block_form p > label > input
{
	margin: 0 65px 0 5px;
}

#block_form #block_paiement
{
	padding: 22px 10px;
}

#block_form #block_facturation
{
	padding: 15px 0px 5px 10px;
}

#block_form #block_infos
{
	padding-right: 10px;
	padding-left: 10px;
}

#block_form #block_infos > label
{
	width: 96%;
}

#block_form #block_infos #block_last
{
	float: left;
	margin: 20px 0 0 40px;
}

.popover
{
	height: auto !important;
	z-index: 4;
}

.popover select
{
	border-radius: 0;
	margin: 0 0 5px 0 !important;
}

/* list client */
td[name="client_prospect"]{
text-align:center;
}
/* Nouveau client */

#block_form #block_id_client
{
	padding: 20px 15px;
}

#block_form #block_id_client label{
	width: auto;
	clear: none;
	margin: 0 6%;
}

#block_form #block_coord_1 textarea, #block_form #block_coord_2 textarea, #block_form #block_coord_3 textarea
{
	margin-left: 50px;
	width: 265px;
}

#block_form #block_coord_1, #block_form #block_coord_3
{
	padding: 15px 27px 5px;
}

#block_form #block_coord_2
{
	padding: 35px 30px 15px 26px;
}

#block_form #block_coord_2 .btn-group
{
	margin: -12px 0px 24px 85px;
}

#block_form #block_coord_3 .btn-group
{
	margin: 2px 0px 24px 85px;
}

#block_form #block_infos_comptables
{
	padding: 37px 28px;
}

#block_form #block_id_cave
{
	padding-right: 20px;
}

#block_form #block_id_cave>div
{
	width: 46%;
	float: left;
}

#block_form #block_id_cave #block_1
{
	border-right: 1px solid #000;
	padding: 0 25px 0 10px;
	margin-right: 25px;
}

#block_form #block_infos_comptables #tout_align_3,#block_form #block_infos_comptables .tout_align_3
{
	float: left;
	margin: 0 0 10px 0;
	width: 100%;
}

#block_form #block_infos_comptables #tout_align_3 label,#block_form #block_infos_comptables #tout_align_3 label
{
	float: right;
    margin: 0 0 0 30px;
    width: auto;
}

#block_form #block_infos_comptables #tout_align_3 .btn-group,
#block_form #block_infos_comptables .tout_align_3 .btn-group
{
	float: right;
	margin: 0 0 0 50px;
	width: auto;
}

#block_form #block_export .btn-group
{
	margin: 0px 0 10px 100px;
}
/*
#block_form #block_export .btn-group button
{
	margin-right: 120%;
}
*/
#block_form #block_export
{
	padding-right: 20px 
}
#block_form #block_logement
{
	padding-right: 0px 
}

#block_form #block_attestation
{
	padding: 28px 45px;
}

/* Nouvelle cave */

#block_form #block_id_cave div label textarea
{
	float: right;
	width: 270px
}

#block_form #block_infos_cave
{
	padding: 30px 3px 30px 7px;
}

/*** List Caves ***/
[name="dispo_ech"].someone.Non{
	  background-image: none;
}
[name="dispo_ech"].someone.Oui{
	  background-image: url("images/interface/fiole_verte.png");
}
/* C.G.V */

#block_form #block_cgv
{
	padding-right: 20px;
}

#block_form #block_cgv legend
{
	width: 25%;
}

#block_form #block_cgv label
{
	margin-left: 50px;
	width: 90%;
}

#block_form #block_cgv .label_spec
{
	width: 44%;
	margin: 3%;
}

#block_form #block_cgv label textarea
{
	width: 100%;
}

/* Modes paiement */

#block_form #block_mode
{
	padding-right: 20px;
}

#block_form #block_mode label, #block_form #block_mode > div
{
	width: 45%;
	float: left;
	margin: 0 30px 0 10px;
}

#block_form #block_mode div > div
{
	float: right;
}

/* Banques */

#block_form #block_banque
{
	padding: 28px 45px;
}

/* BO */

#block_form #block_infos_bo
{
	padding: 18px 45px 10px;
}

/* Société */

#block_form #block_compteur
{
	padding: 15px 45px 5px;
}

#block_form #block_echantillonnage{
	padding-right: 0;
}

/* Echantillon*/
.lucida *{
  font-family: Lucida sans;
  }

[id^="liste-composante"] tr:nth-child(even){
	background-color:#C9D6D6;
}

td.statut_ech {
	background-color: #000000;
	color: #FFFFFF;
}

td.statut_ech.negatif{ background-color: #555555;}

td.center.statut_ech.enattente:after {content: 'En attente';}
td.statut_ech.enattente,td .demande.negatif {	background-color: #FF4D4D;}

td.center.statut_ech.encours:after {	content: 'En cours';}
td.statut_ech.encours {background-color: #1EA2A5;}

/* td.center.statut_ech.precommande:after {	content: 'PC ';} */
td.statut_ech.precommande {background-color: #5FBE5F;}

td.center.statut_ech.libere:after {	content: 'Lib\00E9r\00E9'; }
td.statut_ech.libere {background-color: #F89911;}

td.center.statut_ech.prepare:after {	content: 'Pr\00E9par\00E9'; }
td.statut_ech.prepare {background-color: rgba(179, 112, 252, 0.68);}



[id^="remove_all_composante"]{
margin-top:22px;
}

td .demande.positif {
	background-color:#8749FF;
}
td .demande.libere {	background-color:#BAA326;}
td .demande.precommande { background-color:#5FBE5F;}

td .demande.positif.noechantillon{	background-color: #1CC8CC;}
td .demande.enattente {
	background-color: rgb(107, 139, 141);
}
td .demande.enattente.notifie:after {
	content: 'N';
}
td .demande {
	background-color: rgb(215, 215, 215);
	height: 20px;
	width: 20px;
	line-height: 20px;
	font-size: 14px;
	font-weight: bold;
	margin-right: 5px;
	border-radius: 20%;
	float: left;
	text-align: center;
	color: #FFFFFF;
}
.ajout_echant {
	margin-left:18px
}
.ajout_echant fieldset.span4:first-child{
	margin-left: 0px!important;
}
.ajout_echant fieldset.span4{
	min-height:255px;
	margin-left: 8px!important;
}
.center-vertical{
position:relative;
margin-top:50%;
margin-left:20px;
}
.full-width{width:100%;}
.border-left-black{
	border-left: 1px solid black;
	margin-left: 10px;
	padding-left: 8px;
}
.bordereds label{
	margin-bottom: 25px;
}
[class^="liste-composante"] .total{
background : #1EA2A5;
color:white;
font-weight:bold;
font-size:14px;
}

 div.total{
background : #1EA2A5;
color:white;
font-weight:bold;
font-size:14px;
  padding: 8px;
  text-align:center;
}

[class^="liste-composante"] td:first-child{
text-align:right;
}

.imcomplet .pourcentage{
	background-color:lightcoral!important;
	color:white;
	font-weight:bold;
}
.thead_composante{
background-color :#6B8B8D;
color:white;
}

.block-cave table{
margin-top:20px;
}
.margin-top{
margin-top:10px;
}

.total [name="value"] {
	border: none;
	background-color: transparent;
	color: inherit;
	display: inline;
	width: 54.7%;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.btn-group.btn-vertical ,.btn-group.btn-vertical button{white-space: inherit;}

#validation_echantillon table{
	margin-top:50px;
}

/*** Precommande ***/
#traitement hr{
	border-color: #4F6668;
}
[id^="groupe_2_cout"]{
	margin-top:5px;
}
#groupe_2_cout_3{
	margin-right: 258px;
}
#groupe_2_cout_4{
	margin-right: 166px;
}
#groupe_2_cout_5{
	margin-right: 87px;
}

.traitements_groupe .group_btn:last-child{
	margin-top:10px;
}
.traitements_groupe label{
	margin-left:15px;
}
.traitements_groupe .btn{ width:170px;}

.traitements_groupe .input-append,.traitements_groupe .input-prepend,.traitements_groupe label{
	margin-bottom:0px;
}

.traitements_groupe .input-append .add-on{padding:4px 6px!important;}
#donnees-du-vin table{
  padding-right: 20px;
  }
  #donnees-du-vin .span7 label{
   padding-right: 30px;
  }
/* Facture */

#block_form #block_cotisation
{
	padding-right: 20px;
}

#block_form #block_cotisation label
{
	width: auto;
	margin: 10px 18px;
}

#block_form #spec_group
{
	width: auto;
	margin: -5px 0 20px 0;
}

#echantillons .recettes_cave{
	border-right: 1px solid black;
	margin-left: 0px;
	margin-right: 25px;
	padding-right: 35px;
}
#echantillons .recettes_cave:last-child{
	border-right: 0px;
}

@media screen and (max-width: 1378px) {
	#echantillons .recettes_cave:last-child{
		clear:both;
		margin-top: 50px;
		padding-top: 25px;
		border-top: 1px solid black;
	}
}

.recettes_cave .add-on{
padding: 4px 9px!important;
}

.center-block{
	margin-right: auto;
	margin-left: auto;
	display: block;
}

.center-table{
	margin-right: auto;
	margin-left: auto;
	display: table;
}

.center-table .btn{
	margin-right:5px;
	margin-left:5px;
}

/***** Eyes *****/

#block_form #block_eyes
{
	float: left;
	width: 90px;
	height: 100%;
}

#block_form div.icon.eyes {
	background-image: none;
	background-color: transparent;
	border: none;
	box-shadow: none;
	text-align: center;
	width: auto;
	height: auto;
}
#block_form div.delete.eyes {
	background-image: url("images/interface/_drop.png");
	background-color: transparent;
	border: none;
	box-shadow: none;
	padding:0px;
}
#block_form div.eyes{
	background-color: #CBCDCC;
	height: 14px;
	width: 16px;
	border-top: 2px solid #6B8B8D;
	border-bottom: 2px solid #6B8B8D;
	border-right: 2px solid #6B8B8D;
	padding: 7px 5px 0px 3px;
	border-radius: 0 10px 10px 0;
	box-shadow: 4px 4px 10px -3px rgba(0, 0, 0, 0.7);
	background-image: url("images/interface/ico_eye.png");
	background-position: center center;
    background-repeat: no-repeat;
	cursor: pointer;
}

#block_form .eyes:hover
{
	box-shadow: 4px 4px 10px -5px rgba(0, 0, 0, 0.7);
}

#block_form .eye_cell
{
	width: 0px;
	border: none;
	padding: 0;
	background:none;
}

#block_form .eye_ligne
{
	position: absolute;
	margin-top: 6px;
	margin-left: 2px;
}

/***** Volet *****/

#block_form .volet
{
	position: absolute;
	height: auto;
	width: 1000px;
	right: 0;
	margin-right: -1050px;
	background-color: rgb(229, 229, 229);
	box-shadow: 0px 18px 20px 1px rgba(0, 0, 0, 0.8);
	transition: margin 0.5s ease;
	z-index: 10;
	/*min-height: 100%;*/
}

input.required:after{
	content:'*';
}
#block_form .volet-facturation 
{
	position: fixed;
}

#block_form .volet-on
{
	margin-right: 0px;
}

#block_form .volet form
{
	float: right;
}

#block_form .volet form fieldset
{
	margin: 18px 18px 0 0;
}

#block_form .volet .repli
{
	position: absolute;
	height: 100%;
	width: 72px;
	float: left;
	cursor: pointer;
}

#block_form .volet .repli:hover
{
	background-color: rgb(195, 195, 195);
}

#block_form .volet .repli img
{
	position: fixed;
	margin: 20% 0 0 13px;
}

.calque
{
	display: none;
	position: fixed;
	height: 121%;
	width: 100%;
	background-color: #000;
	opacity: 0;
	top: 105px;
	z-index: 5;
	transition: opacity 0.6s ease;
}

.calque-on
{
	opacity: 0.6;
}

.volet form input
{
	margin: 10px 10px 20px 0;
}

/***** Exports *****/

.nav form
{
	margin: 0;
}

.nav form .btn-group .btn
{
	font-size: 11px;
	padding: 2px 12px;
}

.nav-tabs
{
	background-color: #6B8B8D;
	margin-bottom: 0;
}

.nav-tabs li a
{
	color: #fff;
}

.nav-tabs li a:hover
{
	background-color: #1EA2A5;
}