i.far, i.fa, i.fas{margin-right : 5px}
h4 >i.far,h4 > i.fa,h4 > i.fas{margin-right : 10px}
h3 >i.far,h3 > i.fa,h3 > i.fas{margin-right : 10px}
h2 >i.far,h2 > i.fa,h2 > i.fas{margin-right : 10px}

.langue{padding: 2px 3px; margin: 0 5px;}
.langue:hover{ cursor:pointer;}
.langue.select{/* font-weight: bold;*/ border: solid 1px;}


#navibasse a{color:#707070 !important}
.login{
	/*background-image: -ms-radial-gradient(center top, #ffffff 0%, #cacaca 60%);
    background-image: -moz-radial-gradient(center top, #ffffff 0%, #cacaca 60%);
	background-image: -webkit-gradient(radial, center top, 0, center top, 600, from(#ffffff), to(#cacaca));*/
    background-image:   radial-gradient(circle at 50% 0 , #ffffff 1%, rgb(202, 202, 202) 50%, #cacaca 60%);
	background-repeat : no-repeat ;
	background-size : 100% 100% ;
	min-height : 600px;	
	background-color:#cacaca;
	height:100%;
	margin-top: -21px;
}

.bs-docs-section{margin-top: 0};


	.conteneur{
	 background-color: #f9f9f9;	
	}
	@keyframes showNav {
		from {opacity: 0;}
		to 	{opacity: 1;}
	  }
	.account-wall {
		/*margin-left: 30%;*/
    	margin-top: 40px;
   		padding: 30px 0px 20px 0px;
   		background-color: #fefefe;
		-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
		animation: showNav 250ms ease-in-out both;
	}
	.cache{display : none}

	.actions > .btn{margin-right: 10px;}

	/* empecher la main quand il y a un date picker */
	.date > .form-control[disabled], .date > .form-control[readonly], .date > fieldset[disabled]{cursor:default;}
	.form_datetime.form-control[disabled], .form_datetime.form-control[readonly], .form_datetime.fieldset[disabled]{cursor:default;}
	/*Couleur grise pour les jours désactivé dans le timepicker*/
	.datetimepicker table tr td.disabled, .datetimepicker table tr td.disabled:hover{   color: #777; background-color:#e6e6e6;}
	.datetimepicker td.disabled, .datetimepicker th {-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border: 0;}


	/*Tableau des mouvements */
	.tableMouvement .isClick{cursor:pointer}
	.mvm_financier .form-control{padding: 0 2px; }


	/* Bouton télécgarger */

	.bt-dl{margin-right : 10px;}
	.bt-dl > i{margin: 5px 10px 5px 5px}

/* autocomplete twitter typeahead*/
/*.tt-menu {
    width: 200px;
    margin: 12px 0;
	margin-top: 5px;
    padding: 8px 0;
    background-color: rgba(255,255,255,.8);
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
.tt-menu .tt-suggestion{
	padding: 2px 8px;
	cursor:pointer;
}
.tt-menu .tt-selectable:hover{
	color:#fff;
	background-color: #0097cf;
}*/
.tt-menu {
    background-color: #fff;
    border: solid 1px #ccc;
    border-radius: 5px;
    overflow-x: hidden;
    overflow-y: scroll;
    max-height : 255px;
    width: 100%;
    -webkit-overflow-scrolling: touch;
}
.twitter-typeahead {
    width: 100%;
}
.twitter-typeahead .tt-query,
.twitter-typeahead .tt-hint {
	margin-bottom: 0;
}
.input-group .form-control.tt-query:not(:first-child):not(:last-child) {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.tt-hint {
	display: block;
	width: 100%;
	height: 56px;
	padding: 14px 16px;
	font-size: 18px;
	line-height: 25px;
	color: #999;
	vertical-align: middle;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	      transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.tt-dropdown-menu {
	min-width: 160px;
    width: 100%;
	margin-top: 2px;
	padding: 5px 0;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	background-clip: padding-box;
}
.tt-suggestion {
	display: block;
	padding: 3px 20px;
}
.tt-suggestion.tt-is-under-cursor {
	color: #fff;
	background-color: #428bca;
}
.tt-suggestion.tt-is-under-cursor a {
	color: #fff;
}
.tt-suggestion p {
	margin: 0;
}

.tt-cursor{
		color: #fff;
	background-color: #428bca;
}

.main{cursor:pointer}

.erreurMessage{color:#a94442}

.liste i.result{margin-left:8px;}
.liste .navbar { z-index: inherit; }


/*----------------------*/



.menu.navbar-default {
	background-color: #3d5f7c;
    border-color: #E7E7E7;
}
/* Title */
.navbar-default .navbar-brand {
    color: #FFF;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #ED1E24;
}
/* Link */
.navbar-default .navbar-nav > li > a {
    color: white;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #B0B4BA;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #B0B4BA;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #B0B4BA
}
/* Caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #FFF;
    border-bottom-color: #FFF;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #B0B4BA;
    border-bottom-color: #B0B4BA;
}
.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #B0B4BA;
    border-bottom-color: #B0B4BA;
}
/* Mobile version */
.navbar-default .navbar-toggle {
    border-color: #DDD;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #DDD;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #CCC;
}
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
          color: #333;
    }
}



.panel-info { border-color: #bce8f1;}
.panel-info .actions{ text-align: right}
.panel-info .panel-heading { color: #3a87ad;    background-color: #d9edf7;    border-color: #bce8f1; }
/*.navbar-default .navbar-text{color:#fff}*/
.table thead th{text-transform: uppercase; white-space: nowrap } 
.table{font-size:0.9em;} 
/*---------------------*/
.btn-primary{background-color:#ececec; color:#333; border-color:#ccc}
.btn-primary:hover{color:#000; background-color:#ccc; border-color:#333}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active{background-color: #fff; border-color: #ccc;}

.btn > i{margin-right:10px}



.main{cursor:pointer}
.bloque{display:inline-block}







.search{ padding:10px;}
.search .row+.row:not(.actions){margin-top: 5px}
.search .actions{margin-top: 20px}
.search > h3{margin:0; margin-bottom :10px}
.search > h3 .reduc {float:right}
.search label{font-weight:normal}
.search .actions{ text-align: left}
.resultSearch > .bloqueMotClef{margin:5px;}
.resultSearch > .bloqueMotClef:first-child{margin-left:0;}
.motClef > i{margin:0 2px}
.motClef{background-color: #fafafa}
.contResultatSearch .titreResulat{display:inline-block}
.contResultatSearch .resultSearch{display:block}
.removeMotClef:hover{color:#000}

.actions .btn > i.fa{margin-right: 5px}
.actions > .btn{margin-right:3px}

.table-condensed{  /* font-size: 0.9em; */}
.table-condensed >table >tbody>tr>td{vertical-align : middle}
.table-condensed >table >thead>tr>th {white-space: nowrap}


/*-----------------*/

.breadcrumb{margin: 10px 15px 20px 15px; list-style: none; background-color: #f5f5f5; border-radius: 4px;}
.breadcrumb{ text-transform: uppercase} 
.breadcrumb .sep{margin:0 5px;}

/*MENU HAUT*/
.navbar-default .navbar-nav > li > a:hover{color:#333}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{background-color:#ccc}
.navbar-default .navbar-nav > .open > a .caret, .navbar-default .navbar-nav > .open > a:hover .caret, .navbar-default .navbar-nav > .open > a:focus .caret{color:#333}
.dropdown-menu>li>a:hover{background-color:#ccc; color:#000}



/*-------   ECRAN DECONEXION SESSION EXPIRER   --------*/

.modal-content .form-group{clear:both;}
.sessnexp { 
    /*background-image:  -webkit-gradient(radial, center top, 0, center top, 600, from(#ffffff85), to(#cacaca00));
	background-image:  -ms-radial-gradient(center top, #ffffff 85%, #cacaca 0%);*/
    background-image:   radial-gradient(circle at 50% 0 , #ffffffa8 0%, rgba(255, 255, 255, 0.32) 100%, #cacaca 95%);
	background-repeat : no-repeat ;
	background-size : 100% 100% ;  
}
.sessnexp .modal-content{
    border:0;
    border-radius: 0;
    margin-top: 40px;
    padding: 30px 0px 20px 0px;
    background-color: #fefefe;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

.wait {padding-top: 5%; background-color: #000000a3;}
.wait .conteneur{width: 350px; border-radius: 5px; padding-left: 50px;}
.wait .conteneur .fa{margin-right:10px; font-size:1.5em;}
.wait .conteneur{
	right: auto;
	left: 50%;
	width: 800px;
	padding-top: 30px;
	padding-bottom: 30px;
	z-index: 1050;
	 background-color: #fff;
	vertical-align:middle;
}
.wait .conteneur{width: 350px; border-radius: 5px; padding-left: 50px;}
.wait .conteneur .fa{margin-right:10px; font-size:1.5em;}

.waitTab{text-align : center}
/*
	MODULE DE RECHERCHE CLIENT DANS LA COMMANDE
*/

.customerViewList{margin: 15px;}
/*.customerViewList .resultSearch > .bloqueMotClef{margin-left: 15px;}*/
.customerViewList .contResultatSearch{padding-left:15px;}


/*
	Titre application
*/
.titreApp{ /*   text-align: center;    margin-top: 20px;  margin-left: -50px;  margin-bottom: 5px;*/
	position: absolute; right: 46%; min-height: 50px; top: -10px;color:#fff}

.login .titreAppLogin{position: absolute; right: 46%; min-height: 50px;color:#fff;top: 5px;}
.login .menu{height: 60px;}
/*
	Liste etat commande 
*/
.process{padding-bottom: 5px;}
.listestatut{margin-top:5px;}
.listestatut > .first{cursor: pointer;}
.listestatut > .first  .triangle{padding:0 10px;}

.hamburger.is-closed .hamb-bottom { background-color: #FFF;}
.hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom{ background-color: #FFF;}*


.navbar {
    z-index: unset;
}

















/*ANCIEN CSS*/

input[type=button]{-webkit-appearance: none;}
@font-face{
	font-family:"BrownPro Regular";
	src:url('BrownPro-Regular_gdi.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family:"BrownPro Bold";
	src:url('BrownPro-Bold_gdi.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}



/*body {font: 15px/18px "BrownPro Regular", Helvetica, Arial, sans-serif; margin : 0;}*/


/*@font-face {
  font-family: "HelveticaNeueLT-LtEx";
  src: url("HelveticaNeueLT-LtEx.woff") format("truetype");
}*/
body {
	/*max-width: 1240px;*/
	/*font-family: 'HelveticaNeueLT-LtEx',Helvetica,Arial,sans-serif; */
	font: 15px/18px "BrownPro Regular", Helvetica, Arial, sans-serif; 
	font-size: 13px;
	/*line-height: 1.42857;*/
	color: #777777;
	margin : 0;
	margin : auto;
}

/*----------------------------------	NAVI HAUTE ----------------------------------*/

.navihaute{
	/*width: 1240px;*/

	padding-bottom: 10px;
	height : 118px;
	margin: auto;
	margin-bottom : 20px;
	background-image: url('/image/ban.jpg');
	background-repeat:no-repeat;
	background-position: center;
}



.marques{margin: 0; margin-bottom : 100px; padding : 0; min-height : 200px; text-align : center; }
.marques .marque{margin : 20px 20px; /*20px 5px*/ cursor : pointer; list-style: none; display : inline-block;}
.marques .marque{
-moz-box-shadow: 0px 0px 5px 0px #656565;
-webkit-box-shadow: 0px 0px 5px 0px #656565;
-o-box-shadow: 0px 0px 5px 0px #656565;
box-shadow: 0px 0px 5px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=5);
}
.marques .marque:hover{
-moz-box-shadow: 0px 0px 15px 0px #656565;
-webkit-box-shadow: 0px 0px 15px 0px #656565;
-o-box-shadow: 0px 0px 15px 0px #656565;
box-shadow: 0px 0px 15px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=15);
}
.marques .marque img{display: block; margin-left: auto;  margin-right: auto;}
.marques .marque h1{margin : 50px 0; text-align : center; color : #000; }

.presentation{margin: 5px 0 15px 0;}
.presentation > ul {margin : 0; padding : 0;}
.presentation > ul > li{margin : 0; padding : 0; list-style: none; }
.presentation > ul > li > img {display : block; margin-left: auto;  margin-right: auto;} /*cursor: pointer; */

.conteneurNavBar{background-color : #fff; color: #414141; }

.conteneurNavBar .navBar{ margin-bottom:5px; line-height: 1.42857; display: block; /*width:1240px*/; min-height : 37px; margin: auto; padding:0; background-color : #fff; color: #414141;     border-bottom: solid 1px #ccc;}

.conteneurNavBar .navBar li:not(.recherche){ list-style: none; display:inline-block;line-height : 20px;}

.conteneurNavBar .navBar li:not(.langue):not(.marque):not(.user){padding: 10px}
.conteneurNavBar .navBar .user{}
.conteneurNavBar .navBar .user .userName{display: inline-block; vertical-align: middle; cursor : pointer; font-size: 13px;}
.conteneurNavBar .navBar .user .logo{vertical-align: middle; margin-left: 10px; margin-right: 5px; cursor : pointer;}
.conteneurNavBar .navBar .user .close{cursor : pointer; margin: 0 10px 10px 0; font-size: 0.9em;}
.conteneurNavBar .navBar .panier{background-color: #fff; color : #000; cursor : pointer;}
.conteneurNavBar .navBar .active{background-color: #616161 ; color : #fff; }

.conteneurNavBar .navBar li:hover:not(.panier):not(.recherche):not(.active){/*background-color : #acd; background-color : #fff; color :#069; */ cursor : pointer; /*text-decoration: underline;*/ }
/*.conteneurNavBar .navBar li:hover:not(.panier):not(.recherche):not(.user) a, .conteneurNavBar .navBar li:hover:not(.panier):not(.recherche):not(.user) span{ text-decoration: underline;}*/


/*.conteneurNavBar .navBar .user:hover{cursor : pointer;}*/

.conteneurNavBar .navBar .user i{margin-left: 10px;}
.conteneurNavBar .navBar .right{float:right;}
.conteneurNavBar .navBar li:not(.recherche) i{margin-right: 5px; }
/*
.conteneurNavBar .navBar .langue{padding:4px 2px 5px 2px;}
.conteneurNavBar .navBar .langue img{height : 18px; width : 30px;}
.conteneurNavBar .navBar .langue span{display : inline-block; padding : 5px 5px 0 5px;}
.conteneurNavBar .navBar .langue span:not(.select){padding-top: 6px;  padding-bottom : 1px;}
.conteneurNavBar .navBar .langue .select{border : solid 1px #fff;}*/

.conteneurNavBar a:link, .conteneurNavBar a:visited, .conteneurNavBar a:hover, .conteneurNavBar a:active{text-decoration: none; color : #414141;}


.navBar .recherche{
 	list-style: none; 
    display:inline-block;
    margin:0; 
  /*  padding: 10px*/
}

.navBar .recherche input{
	width : 100px;
   /* border: 1px solid #e5e5e5;*/
    /*border-radius: 2px;*/
    border: 0;
    margin:0; 
    /*text-transform: uppercase;*/
    font-size: 14px;
    color: #818080;
    background-color: #000;
    -webkit-transition: border 0.2s ease;
    transition: border 0.2s ease;
	 /* border: solid transparent;*/
    padding: 10px;
    /* display: block; */
    /* cursor: pointer; */
    /*line-height: 28px !important;
    min-height : 28px;*/
    /*margin-top: 7px;
    margin-right: 7px;*/
    outline: none;
    opacity: .97;
}

.navBar .recherche input:focus{
    /*border: 1px solid #ff6f64;*/
    color: #fff;
    /*background: #ffffff;*/
    -webkit-transition: border 0.2s ease;
    transition: border 0.2s ease;
    opacity: 1;
}

.navBar .marque{padding : 10px 10px 10px 0; line-height : 20px;  letter-spacing: 1px;}
.navBar .marque span, .navBar .homeSite span{border-left : solid 1px #fff; padding-left : 10px; height: 17px; display: inline-block;}
.navBar .homeSite{/*border-left : solid 1px #fff;*/}

.navihaute a{
	text-decoration: none;
}



.navihaute .panier_conteneur .panier .cart a{color: #fff;}

.navihaute .panier_conteneur .panier .cart, .navihaute .panier_conteneur .panier .cart a{
	cursor : pointer; 
	transition: color 350ms ease-in-out,background-color 350ms ease-in-out;
	-moz-transition: color 350ms ease-in-out,background-color 350ms ease-in-out;
	-webkit-transition: color 350ms ease-in-out,background-color 350ms ease-in-out;
}
.navihaute .panier_conteneur .panier .cart a:hover{ color: #069; }
.navihaute .panier_conteneur .panier .cart:hover{background-color : #ececec;}



.conteneurCompteClient{	float : right; 	display : inline-block;}
.compteClient .sep{width: 100%; height: 10px; border-top: solid 1px #ccc; margin-top: 10px;}

.compteClient a:link, .compteClient a:visited, .compteClient a:hover, .compteClient a:active{text-decoration: none; color :#000; cursor : pointer;}

.compteClient{    margin-top: 1px; z-index: 999; padding-bottom : 10px;  	background-color:#F9F9F9; 	color : #000;	padding : 10px;		font-size : 12px;	/*display : inline-block;*/    position: absolute;	opacity:0.99;	border-top : 0px;	-moz-box-shadow: 0px 1px 1px 0px #656565;	-webkit-box-shadow: 0px 1px 1px 0px #656565;	-o-box-shadow: 0px 1px 1px 0px #656565;	box-shadow: 0px 1px 1px 0px #656565;	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=1);}
.compteClient .close{display : block; width : 100%; float : right; text-align : right;}

.compteClient > p {margin : 0;}
.compteClient > p > label {display : inline-block; text-align : right; margin-right : 5px; min-width : 150px;}
.compteClient > p > span  {display : inline-block; text-align : left;  margin-left  : 5px; min-width : 150px;}

/*****************************************************/

/*
.navihaute .panier_conteneur .panier a .cart{
	padding: 5px 10px 6px 10px;
	display: block;
	color: #ffffff;
	background: #069;
}

.navihaute .panier_conteneur .panier a .cart  span:first-child{
	display: inline-block;
	margin : 0 5px 0 5px;
	font-size: 1.5em;
}

.navihaute .panier_conteneur .panier a .cart  span:last-child{
	display: inline-block;
	margin-left : 15px;
	font-weight : bold;
}

*/
.navihaute .minipanier{
	margin-top : 2px;
	height : 80px;
	width : 100%;
	/*float : right;*/
	/*position : static;*/
	text-align : right;
	margin-bottom: 15px;
	
}
.navihaute .minipanier .info{
	color: #ffffff;
	background: #fff; /*#FF9E96;*/
	padding: 10px 0 10px 0 ;
	display: inline-block;
	color :black;
}

.navihaute .minipanier .info div label{
	text-align: right;
	display: inline-block;
	width : 110px;
	/*width : 80px;*/
}

.navihaute  .minipanier .info div span{
	display: inline-block;
	width : 80px;
	text-align : right;
}

.navihaute .panier_conteneur .identifiant{
	width : 154px;
	float: right;
}
.navihaute .panier_conteneur .identifiant .user{
	padding: 5px 10px 6px 10px;
	display: block;
	color: #777777;
	background: #fff;

}

.navihaute .panier_conteneur .identifiant .action{
	transition: color 350ms ease-in-out,background-color 350ms ease-in-out;
	-moz-transition: color 350ms ease-in-out,background-color 350ms ease-in-out;
	-webkit-transition: color 350ms ease-in-out,background-color 350ms ease-in-out;
	
	color: #069;
	padding: 5px 10px 6px 10px;
	display: block;
}

.navihaute .panier_conteneur .identifiant .action:hover{
	color : #fff;
	background-color : #ececec;
}


.navihaute .panier_conteneur .identifiant .signout{		margin : 0 5px 0 5px; color: #777777;}
.navihaute .panier_conteneur .identifiant .signout i{font-size: 1.2em;}

.navihaute .panier_conteneur .panier .signout{
	margin : 5px 5px; 
}

.navihaute .panier_conteneur .recap{
	position: absolute;
	top: 75px;
	right: 0;
	z-index: 100;
	display: block;
	height: auto;
	background: #fff;
	width: 320px;
	border: 1px solid #D8D8D8;
	-webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 2px 10px rgba(0,0,0,0.15);
	box-shadow: 0 2px 10px rgba(0,0,0,0.15);
}


/*----------------------------------	NAVI Basse ----------------------------------*/
.navibasse{
	/*border-top: 2px solid #6ad4ff;*/ 
	clear: both;
	/*width: 1240px;*/
	margin: auto;
	/*margin-top : 50px;*/
	background-color: #fff;/*#F8F8F8;*/  /*#bdeafd;*/ /*#6ad4ff;*/
	/*background-color: #ececec;*/
	margin-top : 10px;
}
.navibasse h4{
	/*text-align :center;*/
	border-bottom: 1px solid #707070; 
	font-size: 12px;
	color :  #707070 !important;
	margin : 5px 0;
}
.navibasse .col3:first-child{margin-left : 5px;}
.navibasse .col3{
	font-size: 11px;
	padding : 0 5px 0 5px;
	display : inline-block;
	width : 32%;
	margin-top: 5px;
	vertical-align : top;
}
.navibasse .col3 ul{ padding : 0;}
.navibasse .col3 ul li{margin: 5px 0; list-style: none; color :  #707070 !important;}

/***************************************************/

.navibasse .col4:first-child{margin-left : 5px;}
.navibasse .col4{
	font-size: 11px;
	padding : 0 0 0 5px;
	display : inline-block;
	width : 24%;
	margin-top: 5px;
	vertical-align : top;
}
.navibasse .col4 ul{ padding : 0; margin-bottom:0;}
.navibasse .col4 ul li{margin: 5px 0; list-style: none; color :  #707070 !important;}

/***************************************************/


.navibasse .col1{
	font-size: 11px;
	padding : 0 5px 0 5px;
	display : inline-block;
	width : 100%;
	margin-top: 5px;
	vertical-align : top;
}

.navibasse .clicForm{cursor : pointer; }
.navibasse .clicForm:link, .navibasse .clicForm:visited, .navibasse .clicForm:active{color : #707070; text-decoration: none;}
.navibasse .clicForm:hover{color : #069;text-decoration: none;}
/*-----------------------------------  MENU  ----------------------------------*/

.navihaute .menu{
	clear: both;
	display: block;
	color: #000;
}

.navihaute .menu .menuLigne{
	padding : 0;
	margin : 0;
	/*background-color : #fff;*//*bleu #6ad4ff; orange #FF6F64*/
	background : url('../image/bkg-nav-bottom-shadow2.png') no-repeat scroll center bottom transparent;
	height: 50px;
	padding-bottom : 10px;
	/*background-color: #fefefe;*/
}
.navihaute .menu .menuLigne > ul{
	padding : 0;
	height : 48px;
	/*margin-top : 60px;*/
	list-style : none;
	display : inline-block;
	margin:0;
	/*width:100%;*/
}
.navihaute .menu .menuLigne > ul:last-child{
	float : right;
}

.recherche{ border: solid 1px #5F5F5F; padding: 1px 10px;  margin: 5px 0 0 0; }
    
.recherche input{
	width : 100px;
   /* border: 1px solid #e5e5e5;*/
    /*border-radius: 2px;*/
    border: 0;
    margin: 0; 
    /*text-transform: uppercase;*/
    font-size: 14px;
    color: #5F5F5F;
    background-color: #fff;
    -webkit-transition: border 0.2s ease;
    transition: border 0.2s ease;
	 /* border: solid transparent;*/
    padding: 5px;
    /* display: block; */
    /* cursor: pointer; */
    /*line-height: 28px !important;
    min-height : 28px;*/
    /*margin-top: 7px;
    margin-right: 7px;*/
    outline: none;
    opacity: .97;
}

.recherche input:focus{
  	/*border: 1px solid #ff6f64;*/
    color: #000;
    /*background: #ffffff;*/
    -webkit-transition: border 0.2s ease;
    transition: border 0.2s ease;
    opacity: 1;
}


/*.navihaute .menu > ul{
	padding : 0;
	background-color : #6ad4ff; 
	height : 48px;
	margin-top : 60px;
	list-style : none;
}*/

.navihaute .menuLigne ul > li:first-child{
	margin-left : 0;
}
.navihaute .menuLigne > ul > li:first-child > span{
	padding : 0 20px;
}

.navihaute .menuLigne ul > li{
	float: left;
	display: block;
	list-style: none outside none;
	vertical-align: baseline;
	position : relative;
}
.navihaute .menuLigne > ul > li > a{
	text-decoration : none;
	color: #000;
}

.navihaute .menu .menuLigne > ul > li > span, .navihaute .menu .menuLigne > ul > li > a > span{
	background: url('../image/bkg-sep-nav.png') no-repeat scroll right center transparent;
	text-transform: uppercase;
	padding : 0 10px;
	display : block;
	cursor: pointer;
	font-size: 16px;
	line-height: 48px !important;
	letter-spacing : 2px;
}



/***** label au dessus du menu *****/

.navihaute .menu .menuLigne > ul > li.active > span, .navihaute .menu .menuLigne > ul > li.active > a > span{
	color: #000;
}
.navihaute .menu .menuLigne > ul > li:not(.active) > span:hover, .navihaute .menu .menuLigne > ul > li:not(.active) > a > span:hover{
	color: #000;
	/*-------- TRASITION ------- */
	transition: color 350ms ease-in-out,background-color 350ms ease-in-out;
	-moz-transition: color 350ms ease-in-out,background-color 350ms ease-in-out;
	-webkit-transition: color 350ms ease-in-out,background-color 350ms ease-in-out;
}

/***** label au dessus du menu *****/

.navihaute .menu .menu_label_tag {
	font-weight: bold;
	background-color : #ff6f64; /* #FFD664;*/
	color : #fff;
	height : 15px;
	display: inline-block;
	font-weight: normal;
	font-size: 11px;
	padding: 4px 8px;
	text-transform: none;
	position: absolute;
	right: 10px;
	top: -20px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
	box-shadow: 0 1px 2px rgba(0,0,0,0.15);
}

/***** SOUS MENU *****/

.sousmenu{
	border: 1px solid #13beff;
	background-color: #13beff;
	padding-left: 10px;
	padding-right: 20px;
	position: absolute;
	left: 0;
	-webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 2px 10px rgba(0,0,0,0.15);
	box-shadow: 0 2px 10px rgba(0,0,0,0.15);
	display: block;
	padding-bottom: 0;
	top: 53px;
	z-index: 2;
}

.sousmenu .triangle{
	height: 0;
	border-left: 13px solid transparent;
	border-right: 13px solid transparent;
	border-bottom: 13px solid #13beff;
	position: absolute;
	top: -12px;
	left: 54px;
	z-index: 2;
}
.sousmenu .section a{padding : 5px; color : #fff; text-decoration:none;}
.sousmenu .section a:hover{
	color : #777777;
	
}
.sousmenu .section{
	clear: both;
	width : 195px;
	/*width : 100%;*/
}
.sousmenu .section > ul {
	margin : 0;
	padding : 0;
}
.sousmenu .section > ul > li{
	margin : 0 5px 0 5px;
	padding : 0;
	font-size: 18px;
	line-height: 48px !important;	
}
.sousmenu222 .section > ul > li > a:hover {
	background-color : #ececec;
}


/*---------------------------------- MESSAGE ERREUR ----------------------------*/


.formErreur{ width : 80%; padding : 20px 40px; border: solid 1px #b80000; background-color : #fafafa;/*#F8E9E9*/; min-height :200px; margin: auto;
	box-shadow: 1px 1px 0 #e6e6e6;
	-webkit-box-shadow: 1px 1px 0 #e6e6e6;
	-moz-box-shadow: 1px 1px 0 #e6e6e6; 
	-ms-filter : "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#e6e6e6')";
	filter : progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#e6e6e6');
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	
	margin-bottom : 40px; 
	}

/*----------------------------------  Page  ----------------------------------*/


.btLink{
	display : inline-block;
	margin : 10px 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor : pointer;
	
	transition: color 350ms ease-in-out,background-color 350ms ease-in-out;
	-moz-transition: color 350ms ease-in-out,background-color 350ms ease-in-out;
	-webkit-transition: color 350ms ease-in-out,background-color 350ms ease-in-out;
}



.btDroite{
	float: right;
}

.btConteneur{
	clear: both;
	margin : 10px 0; 
}

.btLink span{
	display : inline-block;
	min-height : 20px;
	padding: 6px 7px 5px 7px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.btLink[disabled]{cursor: not-allowed;}

.btLink span i{	margin-right : 5px;}

.btDroite span i{ margin-right : 0px; }

.autreAction{	
	background: #6f6f6f;
	color : #fff;
}
.autreAction:hover{	background: #575757; color : #fff;}

.arriere{
	background: #FFCB3A!important;
	color: #575757 !important;
}
.arriere:hover{
	background: #ffd664!important;
}


.validation:hover{
	background : #6ad6ff !important;
	color: #fff !important;
}

.validation{
	background: #ececec !important;
	color: #000 !important;
}

.modif{
	background: #ececec !important;
	color: #000 !important;
}
.modif:hover{
	background: #6ad6ff!important;
}

.suppr{
	background: #ececec !important;
	color: #000 !important;
}
.suppr:hover{
	background: #FFCB3A!important;
}


.ajouter:hover{
	background : #6ad6ff !important;
	color: #fff !important;
}

.ajouter{
	background: #ececec !important;
	color: #000 !important;
}
.btDesactive:hover{
	cursor : not-allowed;
	background: #ececec !important;
	color: #000 !important;
	color: #575757 !important;
}


/*---------------------------------------------------------------------*/

.formulaire{padding : 20px 50px;}


.contenu{
	/*width: 1240px;*/
	/*min-height : 500px;*/ 
	margin: auto;
	/*padding-top : 10px;*/
}

.contenu .sidebar{
	width : 17%;
	display : inline-block;
	margin-top : 10px;
}
.menuFamille{
	margin: 5px 0 10px 0;
	/*padding : 0 10px;*/
	/*-webkit-box-shadow: 0 3px 1px rgba(0,0,0,0.15);
	box-shadow: 0 3px 1px rgba(0,0,0,0.15);*/
}
.menuFamille .niv1{
	list-style: none;
	padding:0;
	margin:0 ;
}
.menuFamille .clic{
		cursor : pointer;
}

/*-----------------------------------*/
.menuFamille .unSeulNiveau{
	margin:0 ;
	padding : 0;
	color : #777777;
	margin: 5px 0;
}
.menuFamille .unSeulNiveau  li:last-child{
	border-bottom : 0px ;
}
.menuFamille .unSeulNiveau  li {
	margin: 0 10px;
	/*padding : 0;*/
	list-style-type: none;
	padding : 5px 5px 5px 10px;
	border-bottom : 1px solid #ececec ;
	cursor : pointer;
}
.menuFamille .unSeulNiveau  li:hover:not(.active) {
	border-left : 3px solid #069 ;
	padding-left : 15px;
	/*width :99%;*/
	/*margin: 0 7px;*/
	background-color: #F9F9F9;
}

.menuFamille .unSeulNiveau  .active {
	font-weight: bold;
    color: #2a8fbd;
    margin-left: 10px;
    background-color: #f3f3f3;
    cursor : default;
}

.menuFamille .unSeulNiveau li span{
	margin: 0 ;
	font-weight : normal;
	font-size: 16px;

	/*background-color: #6ad4ff;*/
	/*color: #fff;*/
	/*padding: 5px 0 5px 10px;*/
}

.menuFamille .niv1 i, .menuFamille .niv2 i, .menuFamille .niv3 i{
    display: inline-block;
    float: right;
}


/*-----------------------------------*/

.menuFamille .niv1 > li > span{
	/*margin: 0 10px;*/
	line-height: 20px;
	/*background-color: #6ad4ff  ;*/
	/* #6ad4ff;*/
	color: #777;
	padding: 5px 5px 5px 10px;
	display: inline-block;
	width: 100%;
	font-weight: bold;
	border-bottom: solid 1px #ccc;
}
.menuFamille .niv1 > li.open > span, .menuFamille .niv1> li:hover > span{
	border-bottom: solid 1px #ea2466;color: #ea2466;
}
.menuFamille .niv1 > .current > span, .menuFamille .niv2 > .current > span {border-bottom: solid 1px #ea2466;color: #ea2466;}

.menuFamille .niv1.deploier > li > span{color: #ea2466;}

.menuFamille li > span >i{
	margin: 5px;
}
.menuFamille .niv1 > li > ol{
	margin:0 ;
	padding : 0 0 0 15px;
	list-style-type: none;
}


.menuFamille .niv2 > li:not(.sousMenu) {
	padding : 5px 15px 5px 10px;
	border-bottom : 1px solid #ececec ;
	cursor : pointer;
}


.menuFamille .niv2 > li:last-child:not(.sousMenu) {
	border-bottom : 0px;	
}

.menuFamille .niv2 .active:not(.sousMenu ol li){
	border-bottom : 1px solid #ececec ;
	/*margin-left: 12px;*/
	/*color : #fff;*/
	/*background-color : #2a8fbd ;*/
}

.menuFamille .niv2 > li:last-child {
	margin-bottom: 10px;
}
.menuFamille .niv3 {
	list-style: none;
	padding:0;
	margin:0 ;
}

.menuFamille .niv3 > ol > li {
	list-style: none;
	padding:0;
	margin:0 ;
}


/* ----------   Page suivant  ---------- */

.sousMenu{
	margin-left: 12px;
	/*background-color : #f7f7f7;*/
	/*border-left : 2px solid #2a8fbd ;*/
	cursor : pointer;
	padding : 0;
}

.sousMenu h3{
	display : none; 
}
.sousMenu ol{
	list-style: none outside none;
	padding : 0;
	padding : 5px 0 5px 0;
}
.sousMenu ol li{
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	-ms-transition: 0.2s;
	
	font-size : 12px;
	padding : 5px 15px 5px 10px;
}
.sousMenu li:hover{
	/*background-color : #ebebeb;*/
	color : #2a8fbd;
	margin-left : 10px;
}
.sousMenu .active{	
	font-weight: bold;
	color : #2a8fbd;
	margin-left : 10px;
	background-color: #F1F1F1;
	border-left : 5px solid #069 ;
	cursor : default;
}

/*---------------------------------------- VIGNETTE ----------------------------------*/


.gotop{
	bottom: 50px;
	right: 50px; 
	position: fixed; 
	z-index: 1339;  
	width : 40px; 
	height : 40px; 
	cursor : pointer; 
	text-align : center; 
	vertical-align : middle;
	font-size : 24px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	cursor: pointer;
	
	transition: color 350ms ease-in-out,background-color 350ms ease-in-out;
	-moz-transition: color 350ms ease-in-out,background-color 350ms ease-in-out;
	-webkit-transition: color 350ms ease-in-out,background-color 350ms ease-in-out;
}

.gotop:hover{background-color: #777777; color : #fff}

.gotop i{display: inline-block; vertical-align: middle;margin-top: 7px;}

/*.gotop:hover {  background-color: #069; webkit-transition: background-color 0.6s ease;	transition: background-color 0.6s ease;}*/

.conteneur_qt ul {	list-style: none ;	padding : 0;	padding : 0;}
.conteneur_qt ul li {padding : 0;	padding : 0;  border-bottom: solid 1px #ccc; text-align: right; line-height: 9px}
.conteneur_qt ul li:last-child{border-bottom:0;}
.conteneur_qt ul li label{padding : 5px; display : inline-block; min-width: 20px; max-width: 100px; /*margin-right : 5px;*/ text-align : right; font-size: 8pt; }
.conteneur_qt ul li span {padding : 2px; display : inline-block; width: 10px; text-align : right; font-size: 7pt; }

.vignette .remise{
	color: #fff;
    width: 180px;
    bottom: 120px;
    left: 0;
    position: absolute;
    /* left: 58px; */
    z-index: 99;
    font-size: 40px;
   /* -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);*/
    text-shadow: 2px 2px #000000;
    }

.gomette {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    border-radius: 10px;
    box-shadow: 0px 1px 1px 0px #000;
}

.pagecorp {display: inline-block; width: 82%; padding: 0; margin: 0; vertical-align: top;  min-height: 600px; padding-left: 20px;}
.pagecorpRech {display: block; width: 100%;}
/*.conteneurVignette{width : 100%; margin: auto; }*/
.conteneurVignette ol {list-style:none; padding: 10px 0 0 0; margin:0   }
/*.conteneurVignette > li  {margin: 5px; display: inline;float: left;height: 220px; padding: 2px; width: 180px;}*/
.conteneurVignette ol li:hover{
	/*box-shadow: 0px 0px 1px #000;*/
  border-color : #069;	
}
/*.conteneurVignette ol > li{ 
   display: inline;
   float: left; 
   margin: 5px;
   padding: 5px;
   width: 180px; 
   height: 220px; 
   position: relative; 
   font-size: 8pt ; 
   text-align:center;

   cursor:pointer;
   border: solid 1px #ccc;
}*/
   /*box-shadow: 0px 0px 1px #000;*/
.conteneurVignette ol > li{ 
	vertical-align: top;
    display: inline-block;
    /* float: left; */
    margin: 2px;
   /* padding: 5px;*/
    width: 182px;
    height: 240px;
    position: relative;
    /* font-size: 15pt; */
    text-align: center;
    /* box-shadow: 0px 0px 1px #000; */
    cursor: pointer;
    border: solid 1px #c2c2c9;
}

.vignette img {
    /* vertical-align: middle; */
    /* width: 100%; */
    top: 0;
    position: absolute;
    /* right: 0; */
    left: 2px;
    z-index: 0;
    height: 100%;
    margin: 0;
    padding: 0;
}
.conteneurVignette .activeVignette{ 
   border:solid #ff6f64 1px; 
   /*height: 218px; 
   width: 178px;*/
}
.conteneurVignette .stock{font-weight:bold;}
.conteneurVignette .libthe{
 	background-color: #000;
 	color :#fff;
 	padding : 2px 5px 2px 5px;
    border-radius: 3px; 
 	float: right;
}
.conteneurVignette .libdes{width : 100%}
.conteneur_vignette{
   display: block;
   position: absolute;
   z-index :  -1;
}
.vignette{
   margin-left : 2px;
   display: inline-block;
   width : 20px;
   height : 20px;
}


.load{
    animation: fadein 1.5s;
    -moz-animation: fadein 1.5s; /* Firefox */
    -webkit-animation: fadein 1.5s; /* Safari et Chrome */
    -o-animation: fadein 1.5s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* sur Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* sur Safari et Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* sur Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}


/*-----------------------------*/
.documents{min-height : 500px;}
.listeComent{margin : 10px; padding : 0 50px;}
.listeComent li{list-style :none; padding : 5px 0; border-top: solid 1px #ccc;}
.listeComent li:first-child{border-top: 0; font-weight : bold; font-size : 1.2em;}
.listeComent li:last-child{border-bottom: solid 1px #ccc;}

.listeComent .lien:hover{cursor : pointer;background-color :#f3f3f3;}

/*.listeComent li > span:first-child{margin-left : 20px;}*/
.listeComent li > span{display :inline-block; margin-right : 20px;}

.listeComent .refCli{width : 200px;}
.listeComent .num{width : 75px;}
.listeComent .date{width : 125px;}

.listeComent .qt{width : 90px; text-align :right;}
.listeComent .ht{width : 90px; text-align :right;}
.listeComent .pdf{width : 5px; text-align :right;}

/*****************************/
.conteneurVignette p {border:0 ; margin-top:0  }
.conteneurVignette .imageVignette{margin: auto; top: 30px; z-index : -3; }
.conteneurVignette .imageVignette img{border:solid thin silver;max-width:160px; height: 160px; border:0 ; padding:0; margin:0 ; text-align:center;}
.conteneurVignette li .des{ margin:0px; overflow:hidden; font-weight:bold ; font-size: 12px ; text-decoration:none;}
.conteneurVignette .libfam{ }
.conteneurVignette li .deshaut{ width:100% ; margin: 0px;overflow:hidden; font-weight:bold ; font-size: 12px ; text-decoration:none;}
/*.conteneurVignette li .desBas{ margin : auto; overflow:hidden; font-weight:bold ; font-size: 11px ; text-decoration:none; width: 98%; }*/

 .conteneurVignette li .desBas{
    margin: auto;
    overflow: hidden;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
    width: 98%;
    z-index: 1;
    position: absolute;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.8);
    margin-right: 0;
    margin-left: 0;
    height: 20px;
    left: 0px;
    width: 98%;
    color:#000;
 }
.conteneurVignette li .desRef{ color:#000;background-color: rgba(255, 255, 255, 0.8); width:100% ; margin:0; /*height:30px*/ ;overflow:hidden; font-weight:bold ; font-size: 12px ; text-decoration:none; z-index: 999;position: absolute;}
.conteneurVignette li .footer {left : 10px; bottom: 10px; position : absolute; margin: 0px; text-align:center }

/*.conteneurVignette .conteneur_qt {position: absolute; left : 0px ;bottom: 0px; margin:  0 10px 23px 0; }*/
.conteneurVignette .conteneur_qt {
	z-index: 999;
	position: absolute;
    left: 0px;
    top: 0px;
    margin: 0 10px 23px 0;
    padding: 0;
    /*background: rgba(255, 255, 255, 0.6);*/
    color: #000;
}
.conteneurVignette .conteneur_qt  div label{display : inline-block; width : 60px; text-align: right;  font-weight:bold; }
.conteneurVignette .conteneur_qt  div span{display : inline-block; width : 15px; text-align: right;  font-weight:bold; }

.conteneurVignette li .ref{ margin-right:2px; font-weight:bold ;  }
.conteneurVignette li .prix{  float: left; font-weight:bold  ; }
.conteneurVignette li .com{ float: right; font-weight:bold;}
.conteneurVignette a:link {  color:#555 ;text-decoration:none}
.conteneurVignette a:visited{ color:#555 ;text-decoration:none}
.conteneurVignette a:hover {  color:black ;text-decoration:none}

#choixMessage a { color:black; text-decoration:none  }
#choixMessage .active  { 	
	font-weight: bold;
	color: #2a8fbd;
}



#choixMessage2 ol{
	padding: 0px;
	position: absolute;
	z-index: 100;
	display: block;
	max-height: 200px;
	background: #fff;
	border: 1px solid #D8D8D8;
	-webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 2px 10px rgba(0,0,0,0.15);
	box-shadow: 0 2px 10px rgba(0,0,0,0.15);
}
#choixMessage{
	background: #fff;
	position: absolute;
	width: 600px;
	/* top: 260px; */
	margin-top: 0;
	margin-left: 2px;
	z-index: 1;
	display: block;
}
#choixMessage ol{
	margin-top: 0;
	max-height: 300px;
	overflow: auto;
	display: block;
	padding: 0px;
	border: 1px solid #ccc;
}

#choixMessage ul { list-style-type: none; background-color: #fff;margin:0; padding:5px   }

#choixMessage li {cursor:pointer;}
#choixMessage li { 
	margin:0 ;
	list-style-type: none;
	 padding-bottom: 5px;
	 padding-left: 8px;
	 padding-right: 8px;
	 padding-top: 5px;
	 border-bottom:solid #ccc 1px;
	/* border-left:solid #ccc 1px; 
	 border-right:solid #ccc 1px */
}
#choixMessage li:first-child{/*border-top:solid #ccc 1px*/ }
#choixMessage li:hover{
	font-weight: bold;
	color: #2a8fbd;
}


.conteneurVignette .conteneur_cercle{
    position: absolute;
    right: 0px;
    bottom: 0;
    margin: 0 5px 0 0;
    width: 65px;
    vertical-align: bottom;
    text-align: right;

    }
.conteneurVignette .conteneur_cercle div{
	    /* border: 1px solid #ccc; */
    display: inline-block;
    margin: 0 0 7px 2px;
    min-width: 12px;
    width: 12px;
    min-height: 12px;
    height: 12px;
    /* background-color: #ccc; */
    border-radius: 10px;
    box-shadow: 1px 1px 0px #949494;
    vertical-align: bottom;
}

.conteneurVignette .logoCuir{
    z-index: 2;
    max-width: 20px;
    max-height: 20px;
    float: left;
    left: 5px;
	position: absolute;
	bottom: 25px;
    top: unset;
}
.textuel .logoCuir,.saisie .logoCuir{
	width: 25px;
    margin-left: 10px;
    margin-bottom: 5px;
}
.titreDossier{   display: inline-block;}


/*.descriptionProduit{margin-top : 25px;}*/
/*.descriptionProduit{margin-left: 15px; max-width: 250px; /*float: right;}
.descriptionProduit>h4{margin-top: 0;}
.descriptionProduit>div{margin-bottom: 10px;}
.descriptionProduit>p{margin: 0 0 5px;}
.descriptionProduit>p>i{margin-right: 5px;}*/

/*******  EPUISE  *******/

.conteneurVignette .outStock{
	font-size: 20pt;
    position: absolute;
    z-index: 998;
    top: 95px;
    /*right: 45px;*/
    /*text-shadow: 0px 0px 2px #777;*/
    text-transform: uppercase;
    -webkit-transform:	rotate(-45deg);
	-moz-transform:		rotate(-45deg);
	-ms-transform:		rotate(-45deg);
	-o-transform:		rotate(-45deg);
	filter:				progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.conteneurVignette .soldes{
	width:100%;
    position: absolute;
    z-index: 998;
	top: 95px;
    /*right: 45px;*/
    /*text-shadow: 0px 0px 2px #777;*/
    text-transform: uppercase;
    -webkit-transform:	rotate(45deg);
	-moz-transform:		rotate(45deg);
	-ms-transform:		rotate(45deg);
	-o-transform:		rotate(45deg);
	filter:				progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	text-align: center;
}

.conteneurVignette .soldes span{
	font-size: 22pt;
	font-weight: bold;
}






/**********************************************************************************/


.conteneurAssociees{ margin-top: 20px;    float: left;    width: 100%;}


.conteneurAssociees p {border:0 ; margin-top:0  }
.conteneurAssociees .imageVignette{margin: auto; top: 30px; z-index : -3; }
.conteneurAssociees .imageVignette img{border:solid thin silver;max-width:160px; height: 160px; border:0 ; padding:0; margin:0 ; text-align:center;}
.conteneurAssociees li img{max-width: 70px; height: 105px; border:0 ; padding:0; margin:0 ; text-align:center;}
.conteneurAssociees li .des{ margin:0px; overflow:hidden; font-weight:bold ; font-size: 12px ; text-decoration:none;}
.conteneurAssociees .libfam{ }
.conteneurAssociees li .deshaut{ width:100% ; margin: 0px;overflow:hidden; font-weight:bold ; font-size: 12px ; text-decoration:none;}
.conteneurAssociees li .desBas{ margin : 2px; overflow:hidden; font-weight:bold ; font-size: 9px ; text-decoration:none; width: 100%; }
.conteneurAssociees li .desRef{ width:100% ; margin:0; height:30px ;overflow:hidden; font-weight:bold ; font-size: 12px ; text-decoration:none;}
.conteneurAssociees li .footer {left : 10px; bottom: 10px; position : absolute; margin: 0px; text-align:center }

.conteneurAssociees .conteneur_qt {position: absolute; right : 0px ;bottom: 0px; margin:  0 10px 10px 0; }
.conteneurAssociees .conteneur_qt  div label{display : inline-block; width : 60px; text-align: right;  font-weight:bold; }
.conteneurAssociees .conteneur_qt  div span{display : inline-block; width : 15px; text-align: right;  font-weight:bold; }

.conteneurAssociees li .ref{ margin-right:2px; font-weight:bold ;  }
.conteneurAssociees li .prix{  float: left; font-weight:bold  ; }
.conteneurAssociees li .com{ float: right; font-weight:bold;}
.conteneurAssociees a:link {  color:#555 ;text-decoration:none}
.conteneurAssociees a:visited{ color:#555 ;text-decoration:none}
.conteneurAssociees a:hover {  color:black ;text-decoration:none}

.conteneurAssociees ol {list-style:none; padding: 10px 0 0 0; margin:0   }
/*.conteneurVignette > li  {margin: 5px; display: inline;float: left;height: 220px; padding: 2px; width: 180px;}*/
.conteneurAssociees ol li:hover{	/*box-shadow: 0px 0px 1px #000;*/  border-color : #069;	}
.conteneurAssociees ol > li{  display: inline;  float: left;   margin: 5px;  padding: 5px;  width: 100px;   height: 122px;  position: relative;  font-size: 6pt ;  text-align:center; /*box-shadow: 0px 0px 1px #000;*/ cursor:pointer; border: solid 1px #ccc;}
.conteneurAssociees .activeVignette{ border:solid #ff6f64 2px; height: 218px; width: 178px;}

.conteneurAssociees .libthe{	background-color: #000;	color :#fff;	padding : 2px 5px 2px 5px;   border-radius: 3px; 	float: right;}
.conteneurAssociees .libdes{width : 100%}
.conteneurAssociees .active{border-color: red; }
.conteneurAssociees .active:hover{border-color: red; cursor : default}

/* ----------------------------------   images ----------------------------------------------------*/

#marque  {float:right ; margin:0;  padding:0;  border: 0px  ; font-size:9pt }
 /*#visuel{display : inline-block;  margin:5px; margin-right:15px;  border-right: 0px brown solid; font-size:9pt  ;   min-width: 250px;    min-height: 300px;}*/
.sideBarre{display : inline-block; /*float:left ;*/ margin:5px; margin-right:15px;  border-right: 0px brown solid; font-size:9pt  ;   min-width: 250px;    min-height: 300px;}


#visuel .current{
	margin :0 3px 0 0;
	min-width: 205px;
	min-height: 297px;
}

#visuel .current  img{
background-color: #fff;
border: 1px solid #ebebeb;
border-radius: 6px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
max-width: 205px;
height: auto;
cursor : pointer;
}

#visuel ul{ margin : 0; padding : 0;  max-width: 210px; display : inline-block; list-style: none;}

#visuel ul li{
display: inline-block;
margin : 0 3px 0 0px; float: left; cursor : pointer; 
min-width: 67px;
min-height: 92px;
}
/*#visuel ul li:first-child{margin : 0;}*/

#visuel ul li img{
background-color: #fff;
border: 1px solid #ebebeb;
border-radius: 6px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
width : 65px;
}
/*------- PACKS -----*/
.packs{  border: solid 1px #ccc; border-radius : 6px; padding : 10px 5px 10px 5px; font-size : 7pt; display : block; max-width: 230px; /*width: 200px;*/ /*100%;*/ /*background-color: #f9f9f9;*/}
.packs div{ margin : 5px 0;}
.packs h2{margin : 10px 0; text-align : center}
.packs table{margin: auto; margin-top : 5px; border-collapse: collapse;}
.packs .libelle{ padding-top : 8px;}
.packs tr td {text-align :center;  padding : 0; /*border-right: solid 1px #ececec; border-left: solid 1px #ececec;*/}
.packs tr th {text-align :center; /*border-right: solid 1px #ececec; border-left: solid 1px #ececec;*/ padding : 0 2px;}


/*.packs .libelle{border: solid 1px #ececec; border-bottom: 0;}
.ligne .taille{border-bottom: solid 1px #ececec;}
.ligne .taille:first-child{border-left: solid 1px #ececec;}
.ligne .taille + :not(.taille)  {border-right: solid 1px #ececec;}
.ligne  .taille  + .taille  {border-right: solid 1px #ececec;}*/


.afficheImageSaisie{ top: 10%; text-align: center; background-color : #FFF; margin-left:  20%;  position: absolute; box-shadow: 1px 1px 5px #555; z-index: 1001; border: solid  0px ; border-color: #ccc; border-radius: 2px; cursor : pointer; }
.afficheImageSaisie .click_gauche{top :45%; left: 0; z-index: 1002; position: absolute; min-width: 50px; height : 60px; }
.afficheImageSaisie .click_droite{top :45%; right: 0; z-index: 1002; position: absolute; min-width: 50px; height : 60px; }
.afficheImageSaisie .click_gauche img{vertical-align: middle; float: left; margin: 20px 10px 10px 10px;}
.afficheImageSaisie .click_droite img{vertical-align: middle; float: right; margin: 20px 10px 10px 10px;}

.conteneurGrandeImage{display : none; text-align: center;}
/*.conteneurGrandeImage .grande{min-width:480px; min-height:668px;}*/
.conteneurGrandeImage .grande {
    min-width: 480px;
    /* min-height: 672px; */
    margin: 10px 8px 6px 8px;
}
.windowModalBg {
background-color: rgb(0, 0, 0);
opacity: 0.5;
display: block;
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1000;
filter: alpha(opacity=20);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
-webkit-filter: blur(2px);
-webkit-transform: translate3d(0,0,0);
}

#visuel .bulle{ float:right; background-image: URL(./rond.png); background-repeat:no-repeat; background-color: #000000; color:#FFFFFF; height:26px; width:26px; text-align:center}
.bulle-chiffre{margin-top: 5px;font-weight:bold}

#visuel .moyennes{min-width : 170px; min-height: 280px;}
/* #visuel .moyennes img {height:175px}*/
#visuel .petites { text-align:center}
#visuel .petites img { width:60px; height:80px; border:1px silver solid; margin:2px;}

/* texte de la référence */
#textuel {margin-top:5px; display : inline-block; vertical-align: top; min-width: 650px}
#textuel h3 {margin:0;  width:100% ; font-size:1.5em ;color: black}
/*#textuel .prix{color: black ;}*/
#textuel .ctx {color: black ;}




/*#textuel .panier .active td {border: solid  #4C566C  1px; border-right:0 ;  border-left:0 ; }*/

@keyframes changeCouleur {
    0%   {	background-color: #ececec;}
  /*  50%  {	background-color: #ececec;}*/
    100% {	background-color: #fff;}
}
 .activeBLigne{ animation: changeCouleur 1.5s ease-in-out ;}


#textuel .bascule { color:black;margin:0; margin-right:10px; cursor:pointer; padding:3px;}
#textuel .bascule hover  { background:yellow;  }
#textuel #modifprix{ margin-top: 10px; margin-bottom: 10px; }
#textuel #modifprix .active  {border: solid red 1px}
#textuel #modifprix .ko {background-color:orange}
.theme{ color :#000; padding : 2px 5px 2px 5px; border-radius: 3px; }


#textuel .memetheme a:link { color:black; text-decoration:none  }
#textuel .memetheme a:visited {  color:black; text-decoration:none } 
#textuel .memetheme a:hover { color:red} 




/*----------------------------------  Tableau de saisie  ----------------------------------*/ 

#saisieOld  { border-collapse:collapse; border:solid black 0px; font-size:10pt}
#saisieOld tbody  td {padding:0 ; margin:0; width:50px; border:solid black 1px;height:34px;}
#saisieOld .cou  { cursor : pointer; width:100px; padding: 3px 3px ;font-weight:bold }
#saisieOld tbody  td   input {width: 90%; height: 80% ;padding: 0 ; margin: 2px; border:0; text-align:center ;padding-right:0px; font-size:14px}
#saisieOld .grise {display:none}
#saisieOld .vide  { background-color:#bbb ;color:#bbb; text-align:center }
#saisieOld tbody  .tbo {cursor: pointer;  text-align:center; vertical-align:middle}
#saisieOld tbody  .tbo a  {display:block; width:100%; text-align:center; vertical-align:middle   }
#saisieOld tbody  .tbo a:link {  color:#555 ;text-decoration:none}
#saisieOld tbody  .tbo a:visited{ color:#555 ;text-decoration:none}
#saisieOld tbody  .tbo a:hover {  color:black ;text-decoration:none}
#saisieOld .tlig{width:80px; height:34px;  text-align:center ; background-color:#eee; border: solid black 1px}
#saisieOld .tsel {width:80px; height:34px;  text-align:center ;  ; border: solid black 1px}
#saisieOld .cm  {width:60px;;padding:0 ; margin:0; border:0; text-align:left;padding-right:3px}
#saisieOld .ko {background-color:orange}
#saisieOld .nostock { background-image:url(./motif.png); background-repeat: repeat; }
#saisieOld  .active { background-color:red}
#saisieenligne {border: solid  black 1px; width:100%; height:100%; background-color:silver ;opacity : 0.1;  }

#saisieOld .stock {  color :  #4f81bd; text-align:center;height:10px ; font-style:italic}
#saisieOld .stock .depot{ text-align:right ; padding-right:25px  } 
#saisieOld .stock td {border:0; height:14px  }

#saisieOld  .active { background-color:red}
#saisieOld  .clicImg { cursor: pointer;}


/*------------------------------------------------------------------------------------------*/



.tabSaisie { border-collapse:collapse; border:solid black 0px; /*font-size: 8pt*/}
.tabSaisie input[type="number"]::-webkit-outer-spin-button, .tabSaisie input[type="number"]::-webkit-inner-spin-button{-webkit-appearance: none;  margin:0; }/*-webkit-appearance: none;*/
.tabSaisie .labelDispo{text-align : right; padding-right : 15px;}
.tabSaisie thead th{font-size: 7.5pt}
.tabSaisie tbody  td {padding:0 ; margin:0; }
.tabSaisie:not(.tabLegende) tbody  tr:not(.stock):nth-last-child(2) > td {padding-bottom : 5px ; }
/*.tabSaisie tbody  tr:last-child {padding-bottom: 50px ; background-color :red;}*/
.tabSaisie:not(.tabLegende) tbody  tr:not(.stock) td:first-child{height : 30px}

.tabSaisie tbody  td input{font-size: 9pt; margin : 0 1px;text-align:center ; max-width: 35px; height: 25px;  font-size: 9pt; -moz-box-sizing:    border-box;   -webkit-box-sizing: border-box;    box-sizing:      border-box;}

.tabSaisie .enstock{ 	border-color : #66c83f;}
.tabSaisie .enCommande{	border-color : #003cff;}
.tabSaisie .pasDispo{border-color :	rgb(235, 235, 228);}
.tabSaisie .stockBas {border-color :#FFA500;}

.tabSaisie .thPrix, .tabSaisie .thTotal{padding:0 5px;}
.tabSaisie .thTotal{ min-width: 30px}
.tabSaisie .thPrix {text-align :left;}
.tabSaisie .oldPrix{padding: 0 10px}
.tabSaisie .txRemise{padding: 0 10px 0 0; font-size: 12px !important; font-style: italic; font-weight: bold; color: #565656; text-align : right;}
.tabSaisie .prix{font-size: 12px !important; font-style: italic; font-weight: bold; color: #565656; text-align : right;}
.tabSaisie .prix.soldes{background-color: yellow;}
.tabSaisie .logoImg{min-width: 20px;}
.tabSaisie .cou {max-height : 35px; min-width: 75px; margin-right: 5px; padding: 0 5px; font-weight:bold ; vertical-align : middle; text-align: right; padding-right : 15px;}
.tabSaisie .cou {text-align: left;}
.tabSaisie .cou div {vertical-align: middle; /*float: left;*/ display : inline-block; text-align: left;}
.tabSaisie .cou .labelsaisie{color : #777; margin-right: 0;vertical-align: middle; display : inline-block; /*width: 105px;  max-width: 150px; */ text-align: right;}

.tabSaisie  .prixTaille{display: block;    /* width: 50px; */ min-height: 16px;  margin-top: 2px; text-align: center;}

/*vertical-align: middle; min-width:120px; margin-right: 5px; padding: 3px 5px 3px 3px; font-weight:bold ; vertical-align : middle; text-align: right;}*/

 /*{vertical-align: middle; float : left;}*/

/*
.totalligne {background-color :#efefef}*/


.totaux td:not(.cou):not(.sansBordure):not(.tlig) {border-top: solid 1px #ccc; /*padding-top : 5px;*/}

.tabSaisie tbody tr:not(.stock):not(.totaux) td:nth-last-child(3) { padding-right : 10px;}
.tabSaisie tbody tr.totaux td:nth-last-child(2) { padding-right : 10px;}

.totalligne {border-left: solid 1px #ccc; padding-left : 5px;}
.tabSaisie .stock td:last-child {border-left: solid 1px #ccc; padding-left : 5px;}
.totaux td:last-child{border-top: 0;}
#modeSaisie tfoot tr:first-child{height: 30px;}

.tabSaisie .grise {display:none}
.tabSaisie .vide  { background-color:#bbb ;color:#bbb; text-align:center }
.tabSaisie tbody  .tbo {cursor: pointer;  text-align:center; vertical-align:middle}
.tabSaisie tbody  .tbo a  {display:block; width:100%; text-align:center; vertical-align:middle   }
.tabSaisie tbody  .tbo a:link {  color:#555 ;text-decoration:none}
.tabSaisie tbody  .tbo a:visited{ color:#555 ;text-decoration:none}
.tabSaisie tbody  .tbo a:hover {  color:black ;text-decoration:none}
.tabSaisie .tlig, .tabSaisie .totaux td{text-align:center ;}
.tabSaisie .tsel {width:80px; height:34px;  text-align:center ;  ; border: solid black 1px}
.tabSaisie .cm  {width:60px;;padding:0 ; margin:0; border:0; text-align:left;padding-right:3px}
.tabSaisie .ko {background-color:orange}
.tabSaisie .nostock { background-image:url(./motif.png); background-repeat: repeat; }
/*.tabSaisie .active { background-color:red}*/
#saisieenligne {border: solid  black 1px; width:100%; height:100%; background-color:silver ;opacity : 0.1;  }

.tabSaisie .stock {  font-size: 10px; color :  #4f81bd; text-align:center;height:10px ; font-style:italic}
.tabSaisie .stock .depot{ text-align:right ; padding-right:25px  } 
.tabSaisie .stock td {border:0; /*height: 12px; */margin : 0;  /*padding : 5px;*/ padding-bottom:2px; }

.tabSaisie  .active { background-color:red}
.tabSaisie  .clicImg { cursor: pointer;}

.tabSaisie .pack + td:not(.pack){padding-left : 20px;}

.tabSaisie .enCourReapro{border-color : #cd0a0a; }

.tabSaisie .dernierePieces{border-color : #FF8100; }

.tabSaisie .enStock{border-color : #85ba3e; }

.tabSaisie .vignette{width: 50px; height: 68px; background-size : 50px 68px; background-repeat:no-repeat; }

.tabSaisie .vignette.tronquePaysage{background-position : center; width: 60px;  height: 25px;  background-size: 60px;}


.tabSaisie .enCourReaproLibel {z-index: 0;    padding: 5px;    position: fixed;    display: block;    background-color: #fff;    color: #FF8100;    margin-left: -60px; -moz-box-shadow: 0px 1px 1px 0px #656565;	-webkit-box-shadow: 0px 1px 1px 0px #656565;	-o-box-shadow: 0px 1px 1px 0px #656565;	box-shadow: 0px 1px 1px 0px #656565;	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=1); border-radius: 2px;}
/* couleur sélectionné pour la photo et la descr*/
.tabSaisie .select .fa-eye, .tabSaisie .select .labelsaisie{color:#2a8fbd}
/**/

.tabLegende input:disabled:not(.pasDispo){background-color:#fff}
.tabLegende tbody  td  input {margin : 2px;text-align: center ; width: 16px; height: 11px; font-size: 1em;}
.tabLegende{font-size:8pt}

.tabLegende{/*float: right;*/ margin-top: 15px; /*margin-left: 10px;*/}


.totalHt{ padding-top : 15px;}
.totalHt td{border-top : 1px solid #777;  }
.totalHt td div{ padding-top: 10px; float: right;}

.trait{ border-bottom: solid 1px #ccc; padding-bottom:10px; }

.contTotal{list-style : none;/*border-top: solid 1px #ccc;*/ padding : 0; margin : 0; /*margin-top : 10px;*/ padding-top : 10px; }
.contTotal .labelsaisie{padding: 5px; display : inline-block; width : 120px; text-align : right; font-weight:bold ; }
.contTotal .ht,.contTotal .qt{display : inline-block; width : 60px; text-align : right; font-weight: bold ; }

.onglet{width:100%; background-color:#fff; margin-top:10px}

.message.erreur{margin: 5px 0; background-color : #dd792e; color : #fff; font-size : 13px; padding : 5px; text-align : center; width : 60%; display : block;}



.descriptionProduit{margin-top: 25px;display: inline-block; vertical-align: top;}
.descriptionProduit > div{margin-bottom : 12px;}
.descriptionProduit > p{line-height:12px}

.descProduit>p{line-height:12px}

/*----------------------------------  PANIER  ----------------------------------*/ 
.panierBlocSaisie{
	display: inline-block;
}

.tabpanier caption{
	font-size : 25px;
	padding : 10px 0 15px 0;
}
.tabpanier > table{
	width: 100%;
	border-color: #eaeaea;
	border-collapse: collapse;
	border-spacing: 0;
}

.tabpanier > table > thead > tr > th, .tabpanier table > tfoot > tr > th {
	text-align : center;
	background: #fdfdfd;
	color: #777777;
	line-height: 1.42857;
}

.tabpanier > table > tbody > tr:hover:not(.trSaisie) {
	/*background: #fdfdfd;
	cursor : pointer;*/
}

.tabpanier > table > tbody > tr >td:last-child:hover {
	cursor : default;
}

.tabpanier > table > tbody > tr > td{
	padding: 5px; /*9px 8px 11px 18px;*/
}
.tabpanier > table > tbody > tr > td:last-child{
width : 200px;
} 
/*.tabpanier:not(.panier) > table tbody > tr > td{
	padding: 5px; 9px 8px 11px 18px;
}*/

.tabpanier > table > thead > tr > th{
	font-weight : bold;
}
.tabpanier > table > tbody > tr > td , .tabpanier > table > tfoot > tr > th, .tabpanier > table > thead > tr > th{
	padding: 5px ;/*5px 5px 18px;*/
	border: 1px solid #d6d4d4;
}
.tabpanier > table > tfoot > tr > th.message{
	background-color: #fcf8e3;
	color: #c09853;
}



.tabpanier .prix{text-align : center; } /*padding: 0 10px*/
.tabpanier .oldPrix{padding: 0 10px}
.tabpanier .ht{text-align : right; padding-right: 10px}
#totalQt{text-align : right; width : 75px; padding-right: 10px}
#totalHt{text-align : right; padding-right: 10px}
/*.tabpanier .panier .active{border: solid 2px red;}*/
/*.tabpanier .panier .active td{border: 1px solid #d6d4d4; border-bottom:0; border-top:0}*/

.tabpanier .contTotal .label{padding-top : 0; padding-bottom : 0; }

.trSaisie h4,.trSaisie h3{margin:5px;}

/*margin : 5px 0 0 10px;*/
.couQt{ width: 100%; margin-top : 5px; border-collapse: collapse;} /*margin :auto;*/
.couQt tbody > tr { padding : 0; border-top: solid 1px #ccc;}

.couQt tbody > tr > td {text-align : right;  margin : 0; padding : 2px 5px; }
.couQt tbody > tr > td:first-child {width:150px; text-align : left }
.couQt thead > tr > th {text-align : right; font-weight : normal;  padding : 0 7px;} 


/*.tabpanier .active td{	background-color: #F9F9F9;}
#textuel .panier .active{border: solid 2px red;}*/

/************************/
.entete .sel{
	width : 300px;/*150px;*/
}
/*.tabpanier .couleur{min-width : 150px;}*/
.listePrix > ul, .couleur > ul{
	padding : 0;
	margin : 0;
}

.couleur > ul > li > div{
	display : inline-block;
	width : 130px;
}
.couleur > ul > li > div:last-child{
	display : inline-block;
	width : 40px;
	text-align: right;
}
.listePrix > ul > li, .couleur > ul > li{
	display : block;
	width : 170px;
	border-bottom: 1px solid #d6d4d4;
	list-style-type: none;
	margin : 0 0 5px 0;
}
.listePrix > ul > li{
	text-align : center;
	width : 100%;
}
.listePrix > ul > li:last-child, .couleur > ul > li:last-child{
	border-bottom: 0px ;
}
.textuelPanier  {padding : 0 0 10px 0; width: 100%; margin : auto; background-color :#fff;border: solid 1px #ccc;}
.textuelPanier h3, .textuelPanier h4, .textuelPanier input, .textuelPanier table, .textuelPanier div{margin-left: 20px;}


.trSaisie{background-color : #ececec;}
.trSaisie:hover{cursor: default; background-color :#ececec; }

/*.trSaisie .textuelPanier{padding : 5px;}*/

/*----------------------------------  Bouton  ----------------------------------*/ 

.bouton{
	padding: 6px 7px 5px 7px;
	display: block;
	cursor: pointer;
	/*-webkit-transition: color 0.3s ease,background 0.3s ease;
	transition: color 0.3s ease,background 0.3s ease;*/
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/*----------------------------------  top Bar  ----------------------------------*/ 


.topBar{
	/*clear: both;*/
	display : inline-block;
	padding : 6px 0 0 5px;
}
.navi{
	display: inline-block;
	/*width : 100px;*/
	padding : 0;
	margin : 0;
}

.droite{
	float: right;
}
.topBar .titre{
	padding-right : 24px; 
	display : inline-block;
	font-size : 24px;
	line-height: 50px;
	color : #000;
} 

.navi li{
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border: none !important;
	text-decoration: none !important;
	display: inline-block;
	background: #f8f8f8;
	cursor: pointer;
	padding: 6px 6px;
/*	width: 25px; 
	height: 25px;*/
	text-indent: 0;
	font-size: 20px;
	line-height: 20px;
	text-align: center;
	color: #333;
}

.navi li:hover{
	background-color : #6ad6ff;
	color: #fff;
}

/*----------------------------------  Etape Commande  ----------------------------------*/ 
.etapeCommande{
	list-style: none;
	margin: 10px 0 0 0  ;
	padding : 0;
	/*width : 1240px;*/
}

.etapeCommande .predecent{
	background-color : #fdfdfd;
}

.etapeCommande li{
	margin: 0;
	padding : 0;
	width: 24.8%;
	display : block;
	float: left;
	border: 1px solid #dddddd;
	border-right-width: 0;
	text-decoration: none !important;
}

.etapeCommande li:last-child{
	border-right-width: 1px;	
	
	/* arondie des angles */ 
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	
	-moz-border-radius-bottomright: 4px;
 	-webkit-border-bottom-right-radius: 4px; 
	border-bottom-right-radius: 4px; 
}

.etapeCommande li:first-child{
	/* arondie des angles */ 
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	
	-moz-border-radius-bottomleft: 4px;
 	-webkit-border-bottom-left-radius: 4px; 
	border-bottom-left-radius: 4px; 
}

.etapeCommande em{
	margin-right: 15px;
}

.etapeCommande li a{
	margin : 0;
	display : inline-block;
	padding: 13px 10px 14px 13px;
	font-size: 17px;
	line-height: 21px;
	position: relative;
	text-decoration : none;
	color : #777777;
	webkit-transition: color 0.3s ease;
	transition: color 0.3s ease
}


.etapeCommandezz li a:hover{
	color : #333333;
}

.etapeCommande li > span{
	margin : 0;
	display : inline-block;
	padding: 13px 10px 14px 13px;
	font-size: 16px;
	line-height: 21px;
}
.etapeCommande .active {
	font-weight: bold;
	background: #575757;
	color : #fff;
	border :1px solid #575757;
}
.contenu .conteneur {
	border-top: 1px solid #eaeaea;
	height: 100px;
}
.contenu > h1 { margin :  5px 0 5px 0;}


/*-------------------CGV -----------------------------*/

.cgv{
	height : 300px;
	overflow: auto; 
	border: 1px solid #dddddd;
	padding: 14px 18px 13px;
	background-color :#fff;
}
.lienCgv:link, .lienCgv:visited, .lienCgv:hover, .lienCgv:active{text-decoration: none; cursor : pointer;}

/*-----------------  Main -----------------------------*/

.box {
	width : 65%;
	background: #FCFCFC;
	border: 1px solid #dddddd;
	padding: 0 14px 18px 13px;
	margin: 10px 0 30px 0;
	line-height: 23px;
	float : left;
	display : inline-block;
}

.box-mini {
	width : 25%;
	display : inline-block;
	float : right;
}


.attention{color : red; font-size : 1.5em;}

.mains {min-height: 1px; padding: 0 5px; position: relative; color: #707070; }
.mains p{display : block; width:100%; margin : 2px 0 0 0; line-height : 22px;}
.mains label{ padding : 0; display : inline-block; text-align : right;  vertical-align : middle; }
.mains p > span{display : inline-block; padding-left: 10px;  vertical-align : middle;}
.mains .adresse > span > input{width : 250px;}
.mains .enseigne > span > input{width : 250px;}
.mains .cpville > span> input:first-child {width : 49px;}
.mains .cpville > span > input:last-child {width : 198px;}
/*.main .heure > span > input{width : 45px;}*/
.mains h2{margin-bottom : 10px;}
.mains .after-titre{padding-top : 20px; border-top: 1px solid #dddddd;}
.mains .paragraphe{margin-top : 25px;}

.mains .datepicker > span > input {width : 75px; margin-right : 10px;}
.mains .datepicker > span {width : 100px; padding-left : 5px;}

.mains .cgv > label {width : 50%}

.mains .commentaire > label {width : 0%;}
.mains .commentaire > span{ width : 100%}
.mains .commentaire > span > textarea{
	height: 100px;
	width: 775px;
}

.mains select{margin : 2px 0;height: 27px;}
.mains input{margin : 2px 0; }
.mains p > span >  input{width : 250px; }
.mains textarea{margin : 2px 0;}
.mains label{width : 40%;}
.mains .autre label{vertical-align : top;}
.mains p > label{width : 30%;}
.mains p > span{width : 50%;}
.mains p > span > input[type="text"]{width : 250px;}
.mains p > span > textarea{width : 275px;}

.mains p > input[type='button']{margin : 10px}

.mains .dlpdf span{text-align: center; margin: 50px 0 50px 50px;}
.mains .dlpdf span a i{font-size: 7em}
.mains .dlpdf span a {text-decoration : none; color: #707070;}

.adresse .societe  span input{width : 250px;}
.adresse .enseigne span input{width : 250px;}
.adresse .adresse1 span input{width : 250px;}
.adresse .adresse2 span input{width : 250px;}
.adresse .pays span select{width : 253px;}
.mains .obl{border: solid 1px red;}

.valideCgv input[type="checkbox"]{
	vertical-align: middle;
	margin-right : 5px;
}
.valideCgv label{
	font-size: 15px;
	vertical-align : middle;
	display : inline;
	text-align: left;
	width : 100%;
}
.nomCgv label{width : 15%;}



.bo:hover{ 
border-color: #707070;
background-color: #707070;
color:  #fff;
}

button.bo{
font-size : 0.8em;
margin: 2px; /*POUR IE 8*/
-webkit-appearance: none;
background-color: #fff;
min-width : 80px;
/*width : 130px;*/
padding : 7px;
font-weight:  bolder;
border-width:  1px;
border-style:  solid;
text-transform:  uppercase;
cursor:  pointer;
font-family:  inherit;
font-weight:  normal;
line-height:  1;
text-align:  center;
border-color:  #8b8b8b;
/* border-color:  #707070;*/
color:  #444;
border-radius : 2px;
}

.bo{
font-size : 0.8em;
margin: 2px; /*POUR IE 8*/
-webkit-appearance: none;
background-color: #fff;
min-width : 80px;
/*width : 130px;*/
padding : 7px;
font-weight:  bolder;
border-width:  1px;
border-style:  solid;
text-transform:  uppercase;
cursor:  pointer;
font-family:  inherit;
font-weight:  normal;
line-height:  1;
text-align:  center;
border-color:  #8b8b8b;
/* border-color:  #707070;*/
color:  #444;
border-radius : 2px;
text-decoration : none;
}
.boValide{
	font-size : 1.1em;
	text-decoration : none;
}

/*-----------------  tabCommandes -----------------------------*/

.tabCommandes table{ width : 1240px;}
.tabCommandes table tr td{padding: 5px 0 5px 0; border-bottom: 1px solid #ccc;} 
.tabCommandes table tr td a{text-decoration :none; color: #707070;}
.tabCommandes table tr+tr:hover{cursor:  pointer; }
.tabCommandes table tr+tr:hover td{color: #000; }

/*-----------------------------------------------------------------*/

.page{display:none;}