@import url(./social.css);
@import url(./Menu.css);
@import url(./defaultMenu.css);

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(./style/fonts/KT3KS9Aol4WfR6Vas8kNcg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(./style/fonts/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(./style/fonts/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff');
}

@font-face {
  font-family: 'Fjalla One';
  font-style: normal;
  font-weight: 400;
  src: local('Fjalla One'), local('FjallaOne-Regular'), url(./fonts/fjallaone.woff) format('woff');
}

body { height: 100%; padding: 0; position: relative;}
*:before, *:after {
    box-sizing: border-box;
}

.page-header .page-header-top .page-logo {
    float: left;
    display: block;
    width: 255px;
    height: 75px;
}
.page-header .page-header-top .page-logo .logo-default {
    /* margin: 29.5px 0px 0px; */
}

.div_centre {
position:absolute;
left: 50%;
top: 50%;
width: 572 px;
height: 355px;
margin-top: -250px; /* moitié de la hauteur */
margin-left: -261px; /* moitié de la largeur */
border: 0px solid #000;
}

.info { font-family:tahoma; font-size:11px; color:#555555}
.dlg{position:relative;margin:0 auto;min-width:8em;max-width:590px;color:#fff;z-index:1;margin-left:8px;margin-bottom:.5em;color:#555;}
.dlg .p { font-family:tahoma; font-size:12px; padding:5px; color:#333333;}
.dlg .content,.dlg .toph,.dlg .bot,.dlg .bot div{background:transparent url(./images/dlg1.png) no-repeat top right;_background-image:url(./images/dlg1-8b.png);}
.dlg .content{position:relative;zoom:1;_overflow-y:hidden;padding:0 8px 4px 0;}
.dlg .toph{position:absolute;left:0;top:0;width:8px;margin-left:-8px;height:100%;_height:1600px;background-position:top left;}
.dlg .bot{position:relative;width:100%;}.dlg .bot,.dlg .bot div{height:8px;font-size:1px;}
.dlg .bot{background-position:bottom right;}
.dlg .bot div{position:relative;width:8px;margin-left:-8px;background-position:bottom left;}
.dlg .hd,.dlg .botd,.dlg .ft{position:relative;}
.dlg .wrapper{position:static;max-height:800px;}
.dlg h2,.dlg p{margin:0;padding:10px 0 .5em 0;}
.dlg h2{padding-bottom:0;color:#506F95;font:bold 12px "Trebuchet MS",Arial,sans-serif;text-decoration:none;text-transform:uppercase;}

 .postit {    
  text-align:center;     
  width: 275px;    
  margin: 25px;    
  min-height:175px;
  max-height:175px;
  padding-top:35px;
  position:relative;   
  border:1px solid #E8E8E8;  
  border-top:1px solid #fdfd86;
  font-family: 'Fjalla One', sans-serif;  
  font-size:22px;      
  border-bottom-right-radius: 60px 5px;
  display:inline-block;    
  background: rgb(255,255,136); /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgba(255,255,136,1) 77%, rgba(255,255,214,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(77%,rgba(255,255,136,1)), color-stop(100%,rgba(255,255,214,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg, rgba(255,255,136,1) 77%,rgba(255,255,214,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg, rgba(255,255,136,1) 77%,rgba(255,255,214,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg, rgba(255,255,136,1) 77%,rgba(255,255,214,1) 100%); /* IE10+ */
  background: linear-gradient(-45deg, rgba(255,255,136,1) 77%,rgba(255,255,214,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff88', endColorstr='#ffff88',GradientType=0 ); /* IE6-9 fallback on horizontal gradient */
}

.postit:after {     
   content: "";
  position:absolute;
  z-index:-1;
  right:-0px; bottom:20px;
  width:200px;
  height: 25px;
  background: rgba(0, 0, 0, 0.2);
  box-shadow:2px 15px 5px rgba(0, 0, 0, 0.40);
-moz-transform: matrix(-1, -0.1, 0, 1, 0, 0);
 -webkit-transform: matrix(-1, -0.1, 0, 1, 0, 0);
      -o-transform: matrix(-1, -0.1, 0, 1, 0, 0);
     -ms-transform: matrix(-1, -0.1, 0, 1, 0, 0);
         transform: matrix(-1, -0.1, 0, 1, 0, 0);
}  

* {
    box-sizing: border-box;
}

#menu {float:left; width:250px; min-width:250px; background-color:#FFFFFF}
#contenu {
    padding: 20px 15px 50px 15px;
    background: none repeat scroll 0 0 #eff3f8;
    min-height:82%;
}

/* bouton d'action pour les pages commandes */
.BtAction {margin-left:2px; float:left}

a{
	color: #111111;
	text-decoration: none;
        cursor:pointer;
}

a:hover {
	color: #FF6600;
	text-decoration: none;
        cursor:pointer;
}
/* info bulle */
a.info{
    position:relative;
    z-index:24; 
	color:#333333;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-10px;
	left:5px;
	width:10em;
	border-left:4px solid #e7641b;
	border-right:1px solid #666666;
	border-top:1px solid #666666;
	border-bottom:1px solid #666666;
	padding: 5px;
    background-color:#c0dd00;
	color:#333333;
    text-align: center;
	font-family:Tahoma, Helvetica, sans;
	font-size:9px;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	-moz-border-radius: 5px; /* marcheseulement sous firefox */
	-webkit-border-radius: 5px; /* et voila pour Safari */
}
/* ====== FIN de info bulle ==== */

.div_attenteAjax {
	position: absolute;
	z-index:110;
	height: auto ! important;
	height:100%;
	whith:100%;
	top: 0px;
	left: 0px;
	background-color:#FFFFFF;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
h1 { font-family:tahoma; color: #AEAFB2;font-size: 2.2em; margin: 10px 0; padding:0;text-transform: uppercase;}
h2 { color: #AEAFB2;font-size: 2.2em; line-height: normal !important;margin: 10px 0;text-transform: uppercase;  font-family: 'Fjalla One',sans-serif; font-weight: 300;} 
h2 span { color: #AEAFB2; font-family: 'Fjalla One',sans-serif; font-weight: 300; } 

h3 {
    color: #AEAFB2;
    font-family: 'Fjalla One',sans-serif;
    font-size: 1.6em;
    font-weight: 300;
    line-height: normal !important;
    margin: 10px 0;
    text-transform: uppercase;
}

.boutons{margin:5px; padding:2px;}
.boutons_centre{text-align:center;}
.btGen { color: #737373; font-weight: bold; text-decoration: none; background-image: url("/images/bg_bouton.gif"); background-position: 0 0; margin: 3px; padding: 5px 5px; position: relative; height: 20px; border: solid 1px #b8b8b8 }
.btGen:hover{background-image:none;background-color:#fff}
.btGen img{position:absolute;top:0!important;left:0!important;top:1px;left:6px;}

.caddie .prixbarre{font-size:11px;background:url('../images/prix_barre.gif') no-repeat center center;}
.centre .gros_titre_produit {font-family: Tahoma;font-size: 22px;text-decoration:bold;cursor:pointer;color:#222222!important;}
.centre .titre_prodefi {font-family: Tahoma;font-size: 10px;text-decoration:bold;cursor:pointer;color:#222222!important;}
.centre .zoom_image {font-family: Tahoma;font-size: 9px;color:#222222!important;}

	
.form {
border: #C3C3C3 1px solid!important; 
font-size: 11px; 
color: #333333; 
font-family: Arial, Helvetica, sans-serif; 
padding:5px;
-moz-border-radius : 3px 3px 3px 3px!important;
-moz-box-shadow : 0 0 5px rgba(0, 0, 0, 0.25)!important;
box-shadow: 0 0 5px rgba( 0, 0, 0, 0.25), 0 -1px 0 rgba( 255, 255, 255, 0.25);

border: 1px solid #C3C3C3;
box-shadow: 0 1px 2px #FFFFFF inset;
    color: #686868;
    text-shadow: none;
    
}
a.form, a.formok, a.formOK, input[type="button"] {padding:5px 15px; background: -moz-linear-gradient(center top , #F8F8F8 0%, #E8E8E8 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); color:#333; font-weight:bold; font-family:Arial; font-size:11px;}

a.form:hover, input[type="button"]:hover, a.formok:hover, a.formOK:hover {
    background: -moz-linear-gradient(center top , #FAFAFA 0%, #E5E5E5 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    transition: box-shadow 0.05s ease-in-out 0s;
}

.formAide {
min-height:15px;
min-width:15px;
height: 15px;
width: 15px;
display: block;
position:relative;
text-align: center;
color:#ffffff;
-moz-box-shadow: 0px 0px 3px #343434;
-webkit-box-shadow: 0px 0px 3px #343434;
-o-box-shadow: 0px 0px 3px #343434;
box-shadow: 0px 0px 3px #343434;
-moz-border-radius: 3px 10px 10px 10px;
-webkit-border-radius: 3px 10px 10px 10px;
border-radius: 3px 10px 10px 10px;
border: 1px solid #ffffff;
background:#00d2cb;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00d2cb", endColorstr="#34696d"); /* Pour IE seulement et mode gradient à linear */
background-image: -webkit-gradient(linear, left top, left bottom, from(#00d2cb), to(#34696d));
background-image: -moz-linear-gradient(top center, #00d2cb, #34696d);
background-image: -o-linear-gradient(top, #00d2cb, #34696d); /*uniquement en mode linear*/
}
a.formAide, a.formAide:hover{ color:#FFF; font-weight: bold; text-decoration:none; cursor: help}

.btVerrouillage, .btVerrouillage:hover {padding:4px; border: #888888 1px solid!important; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #ffffff;  border-radius: 4px; box-shadow: 0 0 5px rgba( 0, 0, 0, 0.25), 0 -1px 0 rgba( 255, 255, 255, 0.25); }


.FormInvisible { border:0; background-color:transparent; font-family: Verdana; font-size: 11px; font-weight:bold; width:80%}
.FormInvisible:hover { border:0px solid #888; color:#FF6600; cursor: pointer; padding:2px; background-color:#FFF; padding:2px; font-family: Verdana; font-size: 11px; font-weight:bold; width:80%}

.Valide { border: #00cc00 1px solid!important; }
.Invalide {border: #FF0000 1px solid!important;}
.champ_verouille {BORDER-RIGHT: #24527e 1px solid!important; BORDER-TOP: #24527e 1px solid!important; FONT-SIZE: 11px; BORDER-LEFT: #24527e 1px solid!important; COLOR: #24527e; BORDER-BOTTOM: #24527e 1px solid!important; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #cccccc;-moz-border-radius : 3px 3px 3px 3px!important;-moz-box-shadow : 0 0 5px rgba(0, 0, 0, 0.25)!important;}
.formOk { color: #737373; font-weight: bold; text-decoration: none; background-image: url("/images/bg_bouton.gif"); background-position: 0 0; margin: 0 0 0 5px; padding: 0 5px 0 13px; position: relative; height: 18px; border: solid 1px #b8b8b8 }
.form_select {BORDER-RIGHT: #24527e 1px solid!important;FONT-SIZE: 11px;BORDER-LEFT: #24527e 1px solid!important; COLOR: #24527e; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff;}
.Select {width: 182px;border: solid 1px #BBB;background: #FFF url("/images/dropdown.gif") right center no-repeat;padding: 2px 4px;padding-right: 20px;display: inline;}
.Select.hover {background: url("/images/dropdown_hover.gif") right center no-repeat;}
		
.table {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #111111;text-decoration: none;}
.table_contour {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #111111;text-decoration: none;background: #FFFFFF;}
	
	.titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #e68b2c;
	border-bottom: 2px solid #e68b2c!important;
	text-decoration:bold;
	}
	.caddie .table {
	margin: 0px -1px 1px -1px!important;
	padding: 5px 5px;
	border-top: 1px solid #e2decd!important;
	border-left: 1px solid #e2decd!important;
	border-bottom: 1px solid #d6d2c2!important;
	border-right: 1px solid #d6d2c2!important;
	background: #F4F3EC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	
	.caddie .total {
	margin: 0px -1px 1px -1px!important;
	padding: 5px 5px;
	border-top: 1px solid #DBEAAA!important;
	background: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	
	.centre .table {
	margin: 0px -1px 1px -1px!important;
	padding: 5px 5px;
	border-top: 1px solid #e2decd!important;
	border-left: 1px solid #e2decd!important;
	border-bottom: 1px solid #d6d2c2!important;
	border-right: 1px solid #d6d2c2!important;
	background: #F4F3EC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	
	.centre .table_ajout {
	margin: 0px -1px 1px -1px!important;
	padding: 5px 5px;
	border-top: 1px solid #84c233!important;
	border-left: 1px solid #84c233!important;
	border-bottom: 1px solid #84c233!important;
	border-right: 1px solid #84c233!important;
	background: #edf1e8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	
	.centre .titre_produit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:bold;
	font-size: 11px;
	}
	.centre .texte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	
	.centre	.contour_image {
	padding: 2px 2px;
	border-left:1px solid #d6d2c2!important;
	border-right:1px solid #d6d2c2!important;
	border-top:1px solid #d6d2c2!important;
	border-bottom:1px solid #d6d2c2!important;
	BACKGROUND-COLOR: #FFFFFF;
	}
	
	.centre	.contour_image:hover {
	padding: 2px 2px;
	border-left:1px solid #e68b2c!important;
	border-right:1px solid #e68b2c!important;
	border-top:1px solid #e68b2c!important;
	border-bottom:3px solid #F4F3EC!important;
	BACKGROUND-COLOR: #FFFFFF;
	}
	
	.centre h2 {
	margin: 0px -1px 1px -1px!important;
	padding: 3px 3px;
	border-bottom: 2px solid #d6d2c2!important;
	background: #FFFFFF;
	font-family: Verdana;
	font-weight: bold;
	font-size: 13px;
	color: #5E934F;
	}
	.centre h3 {
	margin: 0px -1px 1px -1px!important;
	padding: 5px 5px;
	border-top: 2px solid #e68b2c!important;
	border-left: 1px solid #e2decd!important;
	border-bottom: 1px solid #d6d2c2!important;
	border-right: 1px solid #d6d2c2!important;
	background: #eb411d;
	font-family: Verdana;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	}
	.centre .photo {
	margin: 0px -1px 1px -1px!important;
	padding: 5px 5px;
	border-left: 1px solid #333333!important;
	border-bottom: 1px solid #333333!important;
	border-right: 1px solid #333333!important;
	background: #ffffff;
	}
	
	.centre .liste_reference tr{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #111111;
		
	}
	
	.centre .liste_reference tr:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #111111;
	background: #ffffff;
	border-bottom: 1px solid #333333!important;
	}
	
	.liste_reference .liens_commande{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #111111;
	}
	.liste_reference .liens_commande:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #111111;
	background: #ffffff;
	border-bottom: 1px solid #333333!important;
	}
	
	.resultat_recherche table {
		margin: 0px -1px 1px -1px!important;
		padding: 5px 5px;
		border-top: 1px solid #e2decd!important;
		border-left: 1px solid #e2decd!important;
		border-bottom: 1px solid #d6d2c2!important;
		border-right: 1px solid #d6d2c2!important;
		background: #FFFFFF;
	}
	
	<!-- Previsualisation des images -->
	.div_preview_image {
	border-top: 1px solid #e68b2c!important;
	border-left: 1px solid #e2decd!important;
	border-bottom: 1px solid #d6d2c2!important;
	border-right: 1px solid #d6d2c2!important;
	background: #FFFFFF;
	}
	
	.div_preview_image h2 {
	margin: 0px -1px 1px -1px!important;
	padding: 5px 5px;
	border-top: 1px solid #d6d2c2!important;
	border-left: 1px solid #d6d2c2!important;
	border-bottom: 1px solid #d6d2c2!important;
	border-right: 1px solid #d6d2c2!important;
	background: #ebeadb;
	font-family: Verdana;
	font-weight: bold;
	font-size: 10px;
	}
	
	.border_preview{
	z-index:100;
	position:absolute; 
	background: #fff;
	border: 1px solid #d6d2c2;
}

	.preview_temp_load {
	vertical-align:middle;
	text-align:center;
	padding: 10px;
}
	.preview_temp_load img{	
	vertical-align:middle;
	text-align:center;
}
	#loader_container {text-align:center;position:absolute;top:40%;width:100%}
	#loader {
	font-family:Tahoma, Helvetica, sans;
	font-size:10px;
	color:#000000;
	background-color:#FFFFFF;
	padding:10px 0 16px 0;
	margin:0 auto;
	display:block;
	width:135px;
	border:1px solid #6A6A6A;
	text-align:left;
	z-index:255;
}
	#progress {
	height:5px;
	font-size:1px;
	width:1px;
	position:relative;
	top:1px;
	left:10px;
	background-color:#9D9D94;
}
	<!-- FIN de Previsualisation des images -->
	
		
.frame {
margin-left: auto;
width: 100%;
height: 600px;
background-color:#F4F3EC;
overflow: auto;
border-style:solid; 
border-width:0px; 
border-color:#000000;
margin: 0px;
display:block;

/*cursor:pointer;*/
}

.frame_commande {
margin-left: auto;
margin-right: 10px;
height: 400px;
background-color:#F4F3EC;
overflow-y:scroll;
overflow-x:hidden;
border-style:solid; 
border-width:0px; 
border-color:#000000;
margin: 0px;
position:relative;
/*cursor:pointer;*/
}


.frame_newsletter {
margin-left: auto;
width: 100%;
height: 200px;
background-color:#F4F3EC;
overflow: auto;
border-style:solid; 
border-width:0px; 
border-color:#000000;
margin: 0px;
padding: 5px
/*cursor:pointer;*/
}

.frame_mailing {
margin-left: auto;
width: 100%;
height: 500px;
background-color:#F4F3EC;
overflow: auto;
border-style:solid; 
border-width:0px; 
border-color:#000000;
margin: 0px;
padding: 5px
/*cursor:pointer;*/
}

.frame_DetailProduit {
margin-left: auto;
width: 96%;
height: auto;
background-color:#F4F3EC;
overflow: auto;
border-style:solid; 
border-width:0px; 
border-color:#000000;
margin:0px;
/*cursor:pointer;*/
}
.BlockSelect { display:none}
/* TAble de listing */
	.table_listing {
	font-family: Verdana;
	font-size: 11px;
	padding: 0px 0px;
	border-top: 1px solid #c0c58e!important;
	border-bottom: 1px solid #c0c58e!important;
	border-left: 1px solid #c0c58e!important;
	border-right: 1px solid #c0c58e!important;
	}
	.table_listing .TableHeader{ height:25px; background: #333333 url('../images/BgTableHeader.jpg'); padding:2px;color:#333333; font-family:tahoma; font-size:12px; font-weight:bold;}
	.table_listing thead{ height:25px; background: #333333 url('../images/BgTableHeader.jpg'); padding:2px;color:#333333; font-family:tahoma; font-size:12px; font-weight:bold;}

	.table_listing tr.ligne_impaire {
	margin: 0px;
	height:22px;
	}
	
	.table_listing tr.ligne_paire {
	margin: 0px;
	height:22px;
	
	}
	.table_listing tr.ligne_impaire a {
	font-family: Verdana;
	font-size: 11px;
	color:#222222;
	}
	
	.table_listing tr.ligne_impaire a:hover {
	font-family: Verdana;
	font-size: 11px;
	color:#666666!important;
	margin: 0px;
	}
	
	.table_listing tr.ligne_paire a {
	font-family: Verdana;
	font-size: 11px;
	color:#222222;
	margin: 0px;
	}
	
	.table_listing tr.ligne_paire a:hover {
	font-family: Verdana;
	font-size: 11px;
	color:#666666!important;
    margin: 0px;
	}

	.table_listing tr.ligne_impaire .surlignage {
		background-color:#FFFF00;
	}
	
	.table_listing tr.ligne_paire .surlignage {
		background-color:#FFFF00;
	}
	
	.table_listing .titre {
	margin: 0px 0px 0px 0px!important;
	padding: 1px 1px;
	border-bottom: 2px solid #c0c58e!important;
	background: #F4F3EC;
	font-family: Verdana;
	font-weight: bold;
	font-size: 10px;
	}
	.table_listing tr.ligne_paire td {
	font-family: Verdana;
	font-size: 11px;
	background: #f1f1f1;
	border-bottom:1px solid #999999 ;
	}
	.table_listing tr.ligne_paire:hover td {
	background: #fefefe url('./images/FondDiagonale.gif');
	border-bottom:1px solid #999999 ;
	font-family: Verdana;
	font-size: 11px;
	color:#333333;
	}
	.table_listing tr.ligne_impaire td{
	font-family: Verdana;
	font-size: 11px;
	border-bottom:1px solid #999999 ;
	background: #e7efd9;
	}
	.table_listing tr.ligne_impaire:hover td {
	border-bottom:1px solid #999999 ;
	background: #fefefe url('./images/FondDiagonale.gif');
	font-family: Verdana;
	font-size: 11px;
	color:#333333;
	}
	.table_listing .ligne {
	font-size: 12px;
	border-bottom:1px solid #999999 ;
	padding-left:10px;
}
	.table_listing .frame {
		width: 98%;
		max-height: 450px;
		background-color:#F4F3EC;
		overflow: auto;
		overflow-y:scroll;
		overflow-x:hidden;
		border-style:solid; 
		border-width:0px; 
		border-color:#000000;

		/*cursor:pointer;*/
}
	.table_listing .frame_fournisseur {
		width: 98%;
		height: 250px;
		background-color:#F4F3EC;
		overflow: auto;
		border-style:solid; 
		border-width:0px; 
		border-color:#000000;

		/*cursor:pointer;*/
}
<!-- FRAME DU LISTING DES PRODUITS EXCLU DANS L EXTENSION DES GARANTIES	 -->

	.table_listing .frame_garantie {
		width: 98%;
		height: 350px;
		background-color:#FFFFFF;
		overflow: auto;
		border-style:solid; 
		border-width:0px; 
		border-color:#000000;
		display:block;
	}


/* ============================================ MENU NAVIGATION ==============================================*/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#exemple_menu {
position: relative;
top: 5px;
left: 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#222222;
}
dl#exemple_menu {
width: 15em;
}
dl#exemple_menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #ccc;
}
dl#exemple_menu dd {
border: 1px solid gray;
}
dl#exemple_menu li {
text-align: center;
background: #fff;
}
dl#exemple_menu li a, dl#exemple_menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
color:#FF0000;
padding-left:10px;
}

dl#exemple_menu li a:hover, dl#exemple_menu dt a:hover {
background-color: #eeeeee;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#222222;
padding-left:10px;
border-left:5px solid #66CC33;
}
/* ============================================ FIN MENU ==================================================*/

/* ========================== COMMENTAIRES ======================================= */
/* Normal Bubble */
div.bubble {
	width: auto;
	font-size: 10px;
	margin-bottom: 24px;
}

div.bubble blockquote {
	margin: 0px;
	padding: 0px;
	border: 1px solid #c9c2c1;
	background-color: #fff;
}

div.bubble blockquote p {
	margin: 10px;
	padding: 0px;
}

div.bubble cite {
	position: relative;
	margin: 0px;
	padding: 7px 0px 0px 15px;
	top: 6px;
	background: transparent url('./images/tip.gif') no-repeat 20px 0;
	font-style: normal;
}

 .popDesc {

     position : absolute;
     z-index : 10;
     border-width : 1px;
     border-style : solid;
     border-color : silver;
     padding : 10px;
     margin : 4px;
     width : 250px;
     text-align : left;
     background : #efffa9;
	 color : #24527e;

}




/* Barre de Recherche Gestion des commandes et Client */
#BarreRecherche label {clear:both;width:250px;}
#BarreRecherche div{font-family: Arial; font-size:11px;}

#BarreRecherche {
    background-image: url("../module/NotificationNoteClient/images/bgrepeat.png");
    border-left: 1px solid #B5B5B5;
    bottom:0;
    display: block;
    font-family: "Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
    font-size: 11px;
    height: 25px;
    position: fixed;
    text-align: left;
    z-index: 10;
    width: 800px;
	background-repeat:repeat-x;
	right:0;
	background-color:#FFF;
	float:left;
	
}

#BarreRecherche_hide {
    background: url("../module/NotificationNoteClient/images/hide.png") no-repeat scroll 8px 50% transparent;
    border-left: 1px solid #CCCCCC;
    cursor: pointer;
    float: right;
    height: 18px;
    margin-left: 1px;
    margin-top: 1px;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 6px;
    text-align: left;
    width: 16px;
}

#BarreRecherche_hidden {
    background-image: url("../module/NotificationNoteClient/images/bgrepeat.png");
    bottom:0;
    cursor: pointer;
    display: none;
    position: fixed;
    right: 0px;
    z-index: 999;
    background-repeat:repeat-x;
    float:left;
}

#PopUpRecherche {
    position:absolute;
    bottom:24px;
    z-index:999;
    width:800px;
    height:auto;
    background-color:#000;
    overflow:hidden;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}

#ContentRecherche h4 { font-family:Arial; font-size:12px; width:auto; padding:0; margin:0; }
#ContentRecherche {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	color:#FFF;
	width:800px;
}

#ContentRecherche BlockRecherche { width:225px}
#ContentRecherche div, #ContentRecherche a:link, #ContentRecherche a, #ContentRecherche li, #ContentRecherche label  { color:#FFF; font-family: Arial; font-size:11px; }

#ChoixDateRapide li { float:left; width:auto; margin-right:15px; border-right:1px solid #FFF; height:25px; padding:0 5px 0 5px; line-height:25px; text-align:center}

#BarreRecherche_icon {
    background: url("../module/GestionCommande/images/ico_RechercherRapide.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 16px;
    padding-right: 5px;
    text-align: left;
    width: 16px;
	overflow: visible;
	margin-top: 5px;
}

.surlignage { background-color:#fcff00; padding:1px}

/* Systeme de Message Haut de Page */
.successMessage {
    background-color: #9AE352;
    border-color: #55A12C;
}
.errorMessage {
    background-color: #DE4343;
    border-color: #C43D3D;
}
.warningMessage {
    background-color: #EAAF51;
    border-color: #D99A36;
}
.infoMessage {
    background-color: #4EA5CD;
    border-color: #3B8EB5;
}

.messageNotification {
    animation: 5s linear 0s normal none infinite animate-bg;
    background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
    background-size: 40px 40px;
    border: 1px solid;
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.4) inset;
    color: #FFFFFF;
    padding: 15px;
    position: relative;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    width: 100%;
}

.message {
    animation: 5s linear 0s normal none infinite animate-bg;
    background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
    background-size: 40px 40px;
    border: 1px solid;
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.4) inset;
    color: #FFFFFF;
    padding: 15px;
    position: absolute;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    width: 100%;
    left:0;
    top:0;
    z-index: 250;
}

.message h3 { color:#FFFFFF; }


/** initial setup **/
.nano {
  position : relative;
  width    : 100%;
  height   : 100%;
  overflow : hidden;
}
.nano > .nano-content {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  visibility: visible;
}
.nano > .nano-pane {
  background : rgba(0,0,0,.25);
  position   : absolute;
  width      : 5px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
}
.nano > .nano-pane > .nano-slider {
  background: #444;
  background: rgba(0,0,0,.5);
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}


/* Prgogress Bar pour la home et les stats de ventes produits*/
.progress {
    background-color: #F7F7F7;
    background-image: linear-gradient(to bottom, #F5F5F5, #F9F9F9);
    background-repeat: repeat-x;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    height: 13px;
    margin-bottom: 8px;
    overflow: hidden;
}
.progress .bar {
    -moz-box-sizing: border-box;
    background-color: #0E90D2;
    background-image: linear-gradient(to bottom, #149BDF, #0480BE);
    background-repeat: repeat-x;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
    color: #FFFFFF;
    float: left;
    font-size: 10px;
    font-family: Arial;
    height: 100%;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    transition: width 0.6s ease 0s;
    width: 0;
}
.bar, .progress .bar-success {
    background-color: #5EB95E;
    background-image: linear-gradient(to bottom, #62C462, #57A957);
    background-repeat: repeat-x;
    font-size: 10px;
    font-family: Arial;
    text-align: center;
    color: #FFFFFF;
}
.progress-success .bar, .progress .bar-success {
    background-color: #5EB95E;
    background-image: linear-gradient(to bottom, #62C462, #57A957);
    background-repeat: repeat-x;
}
.progress-success.progress-striped .bar, .progress-striped .bar-success {
    background-color: #62C462;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
}

.progress-striped .bar {
    background-color: #149BDF;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
    background-size: 40px 40px;
}
.progress.active .bar,.progress-striped.active, .progress.active .bar {
    animation: 2s linear 0s normal none infinite progress-bar-stripes;
}



#StatProduits ul, #StatProduitsHome ul, #StatCAHome ul { padding: 0; margin: 0; list-style-type: none }
#StatProduits ul li.first {float:left; width:30%; margin-left:0; background-color: #585858; padding:1%;  font-size:14px; text-align:center}
#StatProduits ul li, #StatProduitsHome ul li { float:left; width:31%; margin-left:0.5%; background-color: #585858; padding:1%; font-size:14px; text-align:center; height: 76px}

#StatProduitsHome ul li {width:24.444%;}
#StatProduitsHome ul li.first{margin-left:0%;}

#StatCAHome ul li.first {width:100%; margin-left:0; background-color: #585858; padding:1%;  font-size:14px; text-align:center}


#StatTicket ul { padding: 0; margin: 0; list-style-type: none }
#StatTicket ul li.first {float:left; width:30%; background-color: #585858; padding:1%;  font-size:14px; text-align:center}
#StatTicket ul li { float:left; width:31%; margin-left:0.5%; background-color: #585858; padding:1%; font-size:14px; text-align:center; height: 76px}


.BlockChiffre {background-color:#FFFFFF; padding:10px; font-size:16px; font-family: 'Fjalla One', sans-serif; text-align: center}
.LabelChiffre {color:#FFFFFF; padding:5px ; font-family: 'Fjalla One', sans-serif; font-size:12px; text-align: center}






#BlockUserConnect {float:right; font-family: 'Fjalla One', sans-serif; font-weight:300; font-size:1.1em; color:#FFF; }
#BlockUserConnect a, #BlockUserConnect a:hover{color:#FFF; }

.page-portlet-fullscreen {
    overflow: hidden;
}

.portlet.light {
    background-color: #fff;
    padding: 12px 20px 15px;
}
.portlet {
    border-radius: 4px;
    margin-bottom: 25px;
    margin-top: 0;
    padding: 0;
}
.portlet.portlet-fullscreen {
    background: none repeat scroll 0 0 #fff;
    bottom: 0;
    height: 100%;
    left: 0;
    margin: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10060;
}

.portlet.light > .portlet-title {
    min-height: 48px;
    padding: 0;
}
.portlet > .portlet-title {
    border-bottom: 1px solid #eee;
    border-radius: 4px 4px 0 0;
    margin-bottom: 10px;
    min-height: 41px;
    padding: 0;
}
.portlet > .portlet-title > .caption {
    display: inline-block;
    float: left;
    line-height: 18px;
    padding: 10px 0;
    font-family: "Fjalla One",sans-serif;
    font-size: 18px;
    font-weight: 300;
    color:#AEAFB2;
}
.portlet.light > .portlet-title > .tools {
    margin-top: 2px;
    padding: 5px 0 13px;
}
.portlet > .portlet-title > .tools {
    display: inline-block;
    float: right;
    padding: 12px 0 8px;
}

.portlet.light .portlet-body {
    padding-top: 8px;
}
.portlet > .portlet-body {
    border-radius: 0 0 4px 4px;
    clear: both;
}
.portlet > .portlet-title > .tools > a {
    display: inline-block;
    height: 16px;
    margin-left: 5px;
    opacity: 1;
}
.portlet > .portlet-title > .tools > a.config {
    background-image: url("../images/portlet-config-icon.png");
    background-repeat: no-repeat;
    width: 12px;
}
.portlet > .portlet-title > .tools > a.reload {
    background-image: url("../images/portlet-reload-icon.png");
    width: 13px;
}
.portlet > .portlet-title > .tools > a.expand {
    background-image: url("../images/portlet-expand-icon.png");
    visibility: visible;
    width: 14px;
}
.portlet > .portlet-title > .tools > a.remove {
    background-image: url("../images/portlet-remove-icon.png");
    visibility: visible;
    width: 14px;
}
.portlet > .portlet-title > .tools > a.collapse {
    background-image: url("../images/portlet-collapse-icon.png");
    visibility: visible;
    width: 14px;
}
.portlet > .portlet-title > .tools > a.fullscreen {
    color: #acacac;
    display: inline-block;
    font-family: FontAwesome;
    font-size: 13px;
    position: relative;
    top: -3px;
}

portlet.box {
    padding: 0 !important;
}

.portlet > .portlet-title >  .nav-tabs {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    display: inline-block;
    float: right;
    margin: 0;
}
.portlet.box > .portlet-title > .actions {
    padding: 7px 0 5px;
}
.portlet > .portlet-title > .actions {
    display: inline-block;
    float: right;
    padding: 6px 0;
}

.portlet.box > .portlet-title > .actions .btn-default {
    background: none repeat scroll 0 0 transparent !important;
    border: 1px solid #ffe4b8;
    color: #ffedd2;
}
.portlet > .portlet-title > .actions > .btn.btn-default, .portlet > .portlet-title > .actions > .btn.btn-sm.btn-default, .portlet > .portlet-title > .actions > .btn-group > .btn.btn-default, .portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm.btn-default {
    padding: 3px 9px;
}

.label.label-sm {
    font-size: 12px;
    padding: 0 4px 1px;
}
.label-danger, .label-error {
    background-color: #f3565d;
}
.label-success {
    background-color: #45b6af;
}
.label-warning {
    background-color: #dfba49;
}
.label {
    color: #fff;
    font-family: 'Fjalla One', sans-serif;
    font-size: 13px;
    font-weight: 300;
    padding: 3px 6px;
    text-shadow: none !important;
}

/* Select Dropdown */
.btn.dropdown-toggle, .btn-group .btn.dropdown-toggle, .btn:hover, .btn:disabled, .btn[disabled], .btn:focus, .btn:active, .btn.active {
    background-image: none !important;
    box-shadow: none;
    filter: none;
    outline: medium none !important;
    text-shadow: none;
}
.btn-group > .btn:first-child {
    margin-left: 0;
}
.bootstrap-select .btn {
    border-color: #e5e5e5;
}
.btn.dropdown-toggle, .btn-group .btn.dropdown-toggle, .btn:hover, .btn:disabled, .btn[disabled], .btn:focus, .btn:active, .btn.active {
    background-image: none !important;
    box-shadow: none;
    filter: none;
    outline: medium none !important;
    text-shadow: none;
}
.bootstrap-select > .btn {
    padding-right: 25px;
    width: 100%;
}



.page-header .page-header-menu #MiniRecherche {
    border-radius: 4px;
    display: inline-block;
    float: right;
    margin-top: 11px;
    position: relative;
    transition: width 0.4s ease 0s;
    min-width: 200px;
    width:auto;
}

.page-header:before, .page-header:after {
  content: " ";
  display: table;
}
.page-header:after {
  clear: both;
}
.page-header .container,
.page-header .container-fluid {
  position: relative;
}
.page-header.navbar-fixed-top {
  z-index: 9995;
}

.page-header {
    background-image: none;
    border: 0 none;
    box-shadow: none;
    height: 126px;
    margin: 0;
    opacity: 1;
    padding: 0;
    width: 100%;
    
}

.page-header .page-header-menu {
    clear: both;
    display: block;
    height: 40px;
    background-color:#9ae352;
    top:90px;
    position:absolute;
    width:100%;
    -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);
}

.page-header .page-header-menu.fixed {
    -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);
    
}

/* Table de la Home */
.table.table-light {
    border: 0 none !important;
}
.table.table-light > thead > tr:hover > th {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.table.table-light > thead > tr.uppercase {
    text-transform: uppercase;
}
.table.table-light > thead > tr > th {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #f2f5f8;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
    color: #a7b3b9;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    font-weight: 600;
}
.table.table-light > tbody > tr:last-child > td {
    border: 0 none;
}
.table.table-light > tbody > tr > td {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #f2f5f8;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
    color: #9ca8b0;
    vertical-align: middle;
    font-size: 13px;
}
.table.table-light > tbody > tr > td:first { font-family: "Fjalla One",sans-serif; font-weight: 300;}

.table.table-light > tbody > tr > td.fit {
    padding-right: 3px;
    width: 1px;
}
.table.table-light > tbody > tr > td .user-pic {
    border-radius: 100%;
    display: inline-block;
    height: 30px;
    vertical-align: middle;
}
.table.table-light.table-hover > tbody > tr > td:hover, .table.table-light.table-hover > tbody > tr > th:hover, .table.table-light.table-hover > tbody > tr:hover > td, .table.table-light.table-hover > tbody > tr:hover > th {
    background: none repeat scroll 0 0 #f9fafb;
}
.nav-tabs, .nav-pills {
    margin-bottom: 10px;
}
.nav-tabs > li > a, .nav-pills > li > a {
    font-size: 14px;
    padding:5px 8px;
}
.nav-tabs > li > a > .badge, .nav-pills > li > a > .badge {
    margin-top: -3px;
}
.nav-tabs > li .dropdown-menu:before, .nav-tabs > li .dropdown-menu:after, .nav-pills > li .dropdown-menu:before, .nav-pills > li .dropdown-menu:after {
    display: none;
}
.nav-tabs.nav-tabs-sm > li > a, .nav-tabs.nav-pills-sm > li > a, .nav-pills.nav-tabs-sm > li > a, .nav-pills.nav-pills-sm > li > a {
    font-size: 13px;
}
.nav-tabs .dropdown.open > .dropdown-toggle, .nav-pills .dropdown.open > .dropdown-toggle {
    background: none repeat scroll 0 0 #eee;
    border-color: transparent;
    color: #0d638f;
}
.tabs-right.nav-tabs, .tabs-left.nav-tabs {
    border-bottom: 0 none;
}
.tabs-right.nav-tabs > li, .tabs-left.nav-tabs > li {
    float: none;
}
.tabs-right.nav-tabs > li > a, .tabs-left.nav-tabs > li > a {
    margin-bottom: 3px;
    margin-right: 0;
   
}
.tabs-left.nav-tabs {
    border-right: 1px solid #ddd;
}
.tabs-left.nav-tabs > li > a {
    display: block;
    margin-right: -1px;
}
.tabs-left.nav-tabs > li > a:hover, .tabs-left.nav-tabs > li > a:focus {
    border-color: #eeeeee #dddddd #eeeeee #eeeeee;
    border-radius: 4px 0 0 4px;
}
.tabs-left.nav-tabs > li.active > a, .tabs-left.nav-tabs > li.active > a:hover > li.active > a:focus {
    border-color: #ddd transparent #ddd #ddd;
    border-radius: 4px 0 0 4px;
}
.tabs-right.nav-tabs {
    border-left: 1px solid #ddd;
}
.tabs-right.nav-tabs > li > a {
    display: block;
    margin-left: -1px;
}
.tabs-right.nav-tabs > li > a:hover, .tabs-right.nav-tabs > li > a:focus {
    border-color: #eeeeee #eeeeee #eeeeee #dddddd;
    border-radius: 0 4px 4px 0;
}
.tabs-right.nav-tabs > li.active > a, .tabs-right.nav-tabs > li.active > a:hover > li.active > a:focus {
    border-color: #ddd #ddd #ddd transparent;
    border-radius: 0 4px 4px 0;
}
.tabs-below > .nav-tabs, .tabs-below > .nav-pills {
    border-bottom: 0 none;
    margin-bottom: 0;
    margin-top: 10px;
}
.tabs-below > .nav-tabs {
    border-top: 1px solid #ddd;
    margin-bottom: 0;
    margin-top: 10px;
}
.tabs-below > .nav-tabs > li > a {
    margin-bottom: 0;
    margin-top: -1px;
}
.tabs-below > .nav-tabs > li > a:hover, .tabs-below > .nav-tabs > li > a:focus {
    border-bottom-color: transparent;
    border-top-color: #ddd;
}
.tabs-below > .nav-tabs > li > a .dropdown-menu {
    border-radius: 4px;
}
.tabs-below > .nav-tabs .active a, .tabs-below > .nav-tabs .active a:hover .active a:focus {
    border-color: transparent #ddd #ddd;
    border-radius: 0 0 4px 4px;
}
.tabbable-line > .nav-tabs {
    border: medium none;
    margin: 0;
}
.tabbable-line > .nav-tabs > li {
    margin-right: 2px;
}
.tabbable-line > .nav-tabs > li > a {
    border: 0 none;
    color: #737373;
    margin-right: 0;
    font-family: "Fjalla One",sans-serif; font-weight: 300;
}
.tabbable-line > .nav-tabs > li > a > i {
    color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
    border-bottom: 4px solid #9AE352;
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: 0 none;
    color: #333;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
    color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
    margin-top: 0;
}
.tabbable-line > .nav-tabs > li.active {
    border-bottom: 4px solid #9AE352;
    position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
    border: 0 none;
    color: #333;
    font-family: "Fjalla One",sans-serif; font-weight: 300;
}
.tabbable-line > .nav-tabs > li.active > a > i {
    color: #404040;
}
.tabbable-line > .tab-content {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: #eee -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-right: 0 none;
    border-style: solid none none;
    border-width: 1px 0 0;
    margin-top: -3px;
    padding: 15px 0;
}

/******
Page Footer 
******/
.page-prefooter {
  background: #323232;
  color: #a2abb7;
}
.page-prefooter h2 {
  color: #4db3a4;
}
.page-prefooter .subscribe-form .form-control {
  background: #343b44;
  border-color: #343b44;
  color: #a2abb7;
}
.page-prefooter .subscribe-form .form-control::-moz-placeholder {
  color: #939eac;
  opacity: 1;
}
.page-prefooter .subscribe-form .form-control:-ms-input-placeholder {
  color: #939eac;
}
.page-prefooter .subscribe-form .form-control::-webkit-input-placeholder {
  color: #939eac;
}
.page-prefooter .subscribe-form .btn {
  color: #fff;
  background-color: #58b8a9;
  border-color: "";
}
.page-prefooter .subscribe-form .btn:hover, .page-prefooter .subscribe-form .btn:focus, .page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active {
  color: #fff;
  background-color: #46a597;
}
.open .page-prefooter .subscribe-form .btn.dropdown-toggle {
  color: #fff;
  background-color: #46a597;
}
.page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active {
  background-image: none;
  background-color: #3f9387;
}
.page-prefooter .subscribe-form .btn:active:hover, .page-prefooter .subscribe-form .btn.active:hover {
  background-color: #429a8d;
}
.open .page-prefooter .subscribe-form .btn.dropdown-toggle {
  background-image: none;
}
.page-prefooter .subscribe-form .btn.disabled, .page-prefooter .subscribe-form .btn.disabled:hover, .page-prefooter .subscribe-form .btn.disabled:focus, .page-prefooter .subscribe-form .btn.disabled:active, .page-prefooter .subscribe-form .btn.disabled.active, .page-prefooter .subscribe-form .btn[disabled], .page-prefooter .subscribe-form .btn[disabled]:hover, .page-prefooter .subscribe-form .btn[disabled]:focus, .page-prefooter .subscribe-form .btn[disabled]:active, .page-prefooter .subscribe-form .btn[disabled].active, fieldset[disabled] .page-prefooter .subscribe-form .btn, fieldset[disabled] .page-prefooter .subscribe-form .btn:hover, fieldset[disabled] .page-prefooter .subscribe-form .btn:focus, fieldset[disabled] .page-prefooter .subscribe-form .btn:active, fieldset[disabled] .page-prefooter .subscribe-form .btn.active {
  background-color: #58b8a9;
}
.page-prefooter .subscribe-form .btn .badge {
  color: #58b8a9;
  background-color: #fff;
}

.page-footer {
  background: #3b434c;
  color: #a2abb7;
}
.page-footer a, .page-footer a:hover { color:#9AE352}
.page-footer .container {color:#FFF}
/* Scroll Top */
.scroll-to-top > i {
  color: #657383;
  font-size: 32px;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.page-prefooter .social-icons li {
    opacity: 0.35;
}

.page-footer {
    clear: both;
    background: none repeat scroll 0 0 #3b434c;
    color: #a2abb7;
}
.page-footer {
    font-size: 12px;
    font-weight: 300;
    padding: 17px 0;
}



/* Couleur du dashboard */
.dashboard-stat.green-haze {
    background-color: #44b6ae;
}
.dashboard-stat.blue-madison {
    background-color: #578ebe;
}
.dashboard-stat.blue-madison .details .number, .dashboard-stat.green-haze .details .number, .dashboard-stat.red-intense .details .number {
    color: #ffffff;
}
.dashboard-stat.blue-madison .details .desc, .dashboard-stat.green-haze .details .desc, .dashboard-stat.red-intense .details .desc {
    color: #ffffff;
    opacity: 1;
}
.dashboard-stat.red-intense {
    background-color: #e35b5a;
}
.dashboard-stat.red-intense .details .number {
    color: #ffffff;
}
.dashboard-stat.red-intense .visual > i, .dashboard-stat.green-haze .visual > i {
    color: #ffffff;
    opacity: 0.1;
}
.dashboard-stat.red-intense .details .desc {
    color: #ffffff;
    opacity: 1;
}

.dashboard-stat-light {
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.dashboard-stat {
    border-radius: 4px;
    display: block;
    margin-bottom: 25px;
    overflow: hidden;
}
.dashboard-stat .visual {
    display: block;
    float: left;
    font-size: 35px;
    height: 80px;
    line-height: 35px;
    margin-bottom: 15px;
    padding-left: 15px;
    padding-top: 10px;
    width: 80px;
}
.dashboard-stat.blue-madison .visual > i {
    color: #ffffff;
    opacity: 0.1;
}
.dashboard-stat .visual > i {
    font-size: 110px;
    line-height: 110px;
    margin-left: -35px;
}
dashboard-stat-light .details {
    margin-bottom: 5px;
}
.dashboard-stat .details {
    padding-right: 15px;
    position: absolute;
    right: 15px;
}

.dashboard-stat-light .details .number {
    font-weight: 300;
    margin-bottom: 0;
}
.dashboard-stat .details .number {
    font-size: 34px;
    font-weight: 300;
    letter-spacing: -1px;
    line-height: 36px;
    margin-bottom: 0;
    padding-top: 25px;
    text-align: right;
}
.dashboard-stat.blue-madison .details .desc {
    color: #ffffff;
    opacity: 1;
}
.dashboard-stat .details .desc {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0;
    text-align: right;
}

@media (min-width: 992px) {
  /* 992px */
  .page-header {
    /* Page Header Menu */
  }
  .page-header .page-header-menu.fixed {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9995;
  }
}

@media (max-width: 1366px) {
  .tabbable-line > .nav-tabs > li.active, .tabbable-line > .nav-tabs > li:hover { border-bottom:0px; background-color:#9ae352; color:#FFF; }
    .nav-tabs > li {width:49%; text-align:left;}
    .nav-tabs > li > a, .nav-pills > li > a {
        font-size: 13px;
        padding:5px 8px;
        
    }
}

@media (max-width: 480px) {
        .page-header .page-header-menu{
    position:relative;
    top:0px;
}
    #StatProduitsHome ul li { width:48%; margin-left: 0;}
    .tabbable-line > .nav-tabs > li.active, .tabbable-line > .nav-tabs > li:hover { border-bottom:0px; background-color:#9ae352; color:#FFF; }
    .nav-tabs > li {width:49%; text-align:left;}
    .nav-tabs > li > a, .nav-pills > li > a {
        font-size: 13px;
        padding:5px 8px;
        
    }
    
    #BlockRechercheHomeMini { display:none ;}
    
}



#loader{
	position:fixed;
	height:100%;
	width:100%;
	background-color:black;
	z-index:2001
}

#loader_logo{
	height:110px;
	width:445px;
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	margin:auto;
	text-align:center
}

#loader_cpt{
	margin-top:20px;
	color:#FFF;
	font-size:1.2em;
        font-family: 'Fjalla One', sans-serif;  
        font-weight:400;
         
}

.img-circle{ height:40px; margin-top: -8px;
margin-right: 8px;}

.btn-actions {
    padding-bottom: 10px;
    position: relative;
    -webkit-overflow-scrolling: touch;
}

#actions-panel .btn-container , #ListeAttente .btn-container, #fonctions-panelUtilisateur .btn-container {
display: inline-block;
margin: 2px 5px;
vertical-align: top;
position:relative;
}

#fonctions-panelUtilisateur .btn-container { width: 22%;}
#fonctions-panelUtilisateur .btn-container:hover {
-webkit-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.52);
-moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.52);
box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.52);
border: 0px solid #585858;
}
#fonctions-panelUtilisateur .btn-container a { width: 100%; min-height: 90px;}
#fonctions-panelUtilisateur .btn-subtitle { font-family: "Fjalla One"; font-weight: 400; font-size:14px; text-wrap: normal; }
#fonctions-panelUtilisateur .btn-green .btn-subtitle, #fonctions-panelUtilisateur .btn-blue .btn-subtitle, #fonctions-panelUtilisateur .btn-red .btn-subtitle { color:#FFF}
#fonctions-panelUtilisateur .btn-green i, #fonctions-panelUtilisateur .btn-blue i, #fonctions-panelUtilisateur .btn-red i { color:#FFF}


#actions-panel i, #actions-panel i:hover, #fonctions-panel i, #fonctions-panelUtilisateur i:hover { display: inline-block;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased; color:#FFF; }

#fonctions-panelUtilisateur .btn > i { font-size:3em;}
#actions-panel i .icon-3x, #actions-panel i:hover .icon-3x , #fonctions-panelUtilisateur i .icon-3x, #fonctions-panelUtilisateur i:hover .icon-3x {
    font-size: 3em;
}

#fonctions-panelUtilisateur  .btn-opacity-50 {opacity:0.2; box-shadow: none; }
#fonctions-panelUtilisateur  .btn-opacity-50 .btn-container:hover {box-shadow: none; }

.btn-grey {
background-color: #95a5a6;
border-color: #95a5a6;
}
.btn-green {
background-color: #16a085;
border-color: #16a085;
}
.btn-red, .btn-red:hover {
background-color: #c0392b;
border-color: #c0392b;
}
.btn-blue, .btn-blue:hover{
background-color: #4386d4;
border-color: #4386d4;
color:#FFF;
}