@viewport {
   width: device-width; /* largeur du viewport */
   zoom: 1; /* zoom initial à 1.0 (et clin d'oeil aux fans d'IE6/7) */
}

textarea:focus, input:focus{
    outline: none;
}

html,body,span,p
{
    padding:0;
    margin:0;
}

body 
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0;
	margin:0;  
    background-color:#fafafa;
	
}

/* LOADER */
.valid-send {
    display: none;
    background: #569647;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    z-index: 999;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -moz-transition: all 200ms ease;
    -o-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    transition: all 200ms ease;
}

.valid-send span:nth-child(1) {
   display:block;
   color:#fff;
   text-align:center;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.valid-send span:nth-child(1) i 
{
    display:block;
    text-align:center;
    font-size:40px;
}

.circle {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  z-index: 1;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -moz-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}
.circle:nth-child(1) {
  z-index: 2;
  background: #569647;
  animation-name: explode;
  animation-duration: 1s;
  animation-timing-function: ease;
  animation-delay: 0;
  animation-iteration-count: infinite;
}
.circle:nth-child(2) {
  background: #66c069;
  animation-name: explode;
  animation-duration: 1s;
  animation-timing-function: ease;
  animation-delay: 0.5s;
  animation-iteration-count: infinite;
}

@keyframes explode {
  0% {
    width: 0;
    height: 0;
    z-index: 1;
  }
  50% {
    width: 10em;
    height: 10em;
    z-index: 1;
  }
  100% {
    display: none;
  }
}

#global
{
	border-top:0;
    background-color:#ececec;
}

.fill-100 
{
    height:100%;
    min-height:100%;
}

#banniere 
{
    position: fixed;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    background: blue;
    height: 50px;
}

.global-menu {
    position: fixed;
    top: 50px;
    width: 160px;
    /*background: #009fe3;*/
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    height: 100%;
    z-index: 999;
    background: -webkit-linear-gradient(90deg top, #009fe3, #28c1be);
    background: -o-linear-gradient(bottom right, #009fe3, #28c1be);
    background: -moz-linear-gradient(bottom right, #009fe3, #28c1be);
    background: linear-gradient(to bottom right, #009fe3, #28c1be);
}

.standard_administration .global-menu, .standard_club .global-menu {
    background: #252525;
}

.global-menu a {
    font-family: 'roboto';
    font-weight: 400;
    font-size: 13px;
}

#C_Menu2_MenuCtrl 
{
    width:100%;
}
/* ACTIVE ADD */
ul.level1 li.active:hover {
    border-left:0px !important;
}
ul.level2.active,
ul.level3.active {
    position:relative;
    display:block;
    left:0px;
}

ul.level2.active {
    position:relative;
    display:block;
    left:0px;
}
ul.level2.active, ul.level3.active
{
    box-shadow: none;
}
ul.level3.active li {
    padding-left:20px;
}
    ul.level3.active li:hover {
        background: -webkit-linear-gradient(56deg, #3CD3AD 0, #4CB8C4 100%);
        background: -moz-linear-gradient(56deg, #3CD3AD 0, #4CB8C4 100%);
        background: linear-gradient(56deg, #3CD3AD 0, #4CB8C4 100%);
        border-left: 0px solid #4d752a !important;
        color: rgba(0, 0, 0, 0.87) !important;
        width: 160px;
    }
/*LVL1*/
.menu_item_content 
{
    display:flex;
    align-items:center;
}

.menu_item_content i 
{
    color: #fff !important;
}

.menu_item_text 
{
    padding: 0 10px;
    /*text-transform: capitalize;*/
    font-weight:400;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}

ul {
    list-style:none;
    padding-left:0;
}

ul a, ul a:hover {
    text-decoration:none !important;
}

.level1 
{
    position:relative;
    display:block;
    float: none !important;
}

.level1 li
{
    /*background:#009fe3;*/
    width:100%;
    transition: all 0.1s ease-in-out;
}

a.level1 {
    display:table;
    color: #fff;
}

a.level1 i, a.level1 span {
    display:table-cell;
    vertical-align:middle;
    color: #fff !important;
}

a.level1 i
{
    font-size:20px;
}

.GrilleRepTrouvees
{
	font-style:italic;
	font-size:11px;
	color:#616161;
}

.barreAMD
{
	margin:9px 0 9px 0;
    display:flex;

}
.barreAMD.iconAMD{
    margin-left:auto;
    float:right;
}
.barreAMD .pnlInformationAMD {
    float:left;
}

.barreAMD a {
    margin: 0 10px;
    display: inline-block;
}

.barreAMD a:hover > i
{
    color:#009fe3;
}

.barreAMD .barreAMDLink
{
	color:White;
	font-weight:bold;
	text-decoration:none;
	margin-right:30px;
}

.class_Label_2
{
	color:#005643;
	font-weight:bold;
    float:left;
    margin-right:4px;
}

.class_Label_Normal
{
	color:#005643;
}

.class_Label_Vert
{
	color:Green;
	font-weight:bold;
	font-size: 14pt;
}

.class_Label_Rouge
{
	color:#CD0E0E;
	font-weight:bold;
	font-size: 14pt;
}

.class_Label_Rouge2
{
	color:#CD0E0E;
	font-weight:normal;
	font-size: 9pt;
}

.class_Label_Orange
{
	color:Orange;
	font-weight:bold;
	font-size: 14pt;
}

.class_Label_Gris
{
	color:Gray;
	font-size: 7pt;
}

.LabelBarreAMD
{
    color:#55790c;
	font-size:8pt;
}

.class_Label_Erreur
{
	color:#FF0000;
	font-weight:bold;
}

.material-icons 
{
    color: #575757;
}

.class_Label_ChampsObligatoires 
{
    display: inline-block;
    padding: 15px 0;
    color: #FF7043;
    font-style: italic;
    /*font-size:10px;*/
}


.class_Label_GrilleErreur
{
	font-size:12px;
	color:#1b432b;
	border:solid 1px #005643;
	background-color: red;
}

.class_Textbox_ReadOnly
{
    font-size: 12px;
    background-color: #EFEFEF;
}

.class_Link
{
	color : #657580;
	font-weight: bold;
}

.class_Label_titre {
    color: #575757;
    font-size: 12pt;
    font-weight: 300;
    padding: 5px 0 15px 15px;
    display: block;
}

.class_Label_titre label
{
    color: #009fe3;
    font-size: 12pt;
    font-weight: 300;
}

.class_Label_titre_Violet
{
    color: #aa005c;
    font-size: 14pt;
    font-weight: bold;
}

.class_Label_titre_Violet_11
{
    color: #aa005c;
    font-size: 11pt;
    font-weight: bold;
}

.class_Label_titre_Vert
{
    color: #005643;
    font-size: 14pt;
    font-weight: bold;
}

.class_GroupBox
{
    border: 1px solid #005643;
    padding-bottom:5px;
    margin-right:10px;
    margin-top:10px;
}

.class_GroupBox_SansMarginTop
{
    border: 1px solid #836c5b;
    padding-bottom:5px;
    margin-right:10px;
}

.class_Label_Surligne
{
	color:White;
	font-weight:bold;
	padding:4px 5px;
		
}

.checkInline
{
    margin-right: 20px;
    padding: 10px 0;
    display: inline-block;
}

.rechercheTexte
{
	font-size:11px;
	color:#836c5b;
	background: #fff;
    //padding: 0px 5px !important;
}

.banniereResumeCnx
{
    font-family:roboto;
	color:#0F1C16;
	font-weight:bold;
}


#banniere .imageBandeau
{
	width:100%;
	height:100%;
	background:url('../../Images/General/bandeau.png') no-repeat top left;
}

#banniere .banniereNomForm
{
	margin-left:0;
	color:#689F38;
	font-size:14px;
	font-weight:bold;
}

.tabInfo
{
	background-color:#cbdab2;
	border:1px solid #005643;
	margin-bottom:10px;
	margin-top:-9px;
	padding:2px 0 2px 0;
}

.tabInfo1
{
	background-color:#f4e2c5;
	border:1px solid #3C1111;
	padding:2px 0 2px 0;
}

.TabBouton
{
	font-weight: bold;
	font-size:12px;
	color: #657580;
	border:0;
	border-bottom:3px solid #657580;
	cursor:pointer;
}

input.Bouton 
{
  color:#050;
  font: bold 88% 'trebuchet ms',helvetica,sans-serif;
  background-color:#fed;
  border: 1px solid;
  border-color: #696 #363 #363 #696;
  filter:progid:DXImageTransform.Microsoft.Gradient
  (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');
}

/*
.Bouton
{
	font-weight: bold;
	font-size:12px;

    color: #55790c;
	background-color: #cbdab2;

	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-style: solid;
	
	border-width:1px;
	
	border-top-color: #005643;
	border-left-color: #005643;
	border-right-color: #005643;
	border-bottom-color: #005643;
	
	cursor:pointer;
}
*/
#copyright
{
	width:100%;
	height:30px;
	padding:0;
	margin:0 auto;
	text-align:left;
    z-index:1000;
    bottom:0;
    position:fixed;
    background-color:#fff;
    display:none;
}

.searchIconList li 
{
    padding:4px 0;   
}

#copyright .copyright 
{
	font-size:11px;
	padding:0;
	margin:0;
}

#copyright .copyright a
{
	font-weight: bold;
	color: #a1bc62;
	text-decoration: underline;
} 

#copyright .copyright a:hover
{
	font-weight: bold;
	color: #a1bc62;
	text-decoration: underline;
} 

#copyright .copyright a:visited
{
	font-weight: bold;
	color: #a1bc62;
	text-decoration: underline;
}

#copyright .copyright a:active
{
	font-weight: bold;
	color: #a1bc62;
	text-decoration: underline;
}


.width100
{
    width: 100px;
}
.width95
{
    width: 95px;
}
.width124
{
    width: 124px;
}
.width59
{
    width: 59px;
}

.moduleIcon
{
 margin:0px;
 padding:0px;   
}

.moduleIcon li
{
      display:inline;
      float:left;
      margin-left:5px;
      margin-bottom:10px;
}

.moduleList li .titreChoix
{
    margin:0;
    padding:0;
      width:116px;
      height:23px;
      text-align:center;
      font-family:Verdana;
      font-size:14px;
      font-weight:bold;
      color:#3C1111;    
      cursor:default;
}


.label_numCli
{
	font-size:24px;
	color:#CC6633;
}

.titreCadre
{
	position:absolute;
	top:5px;
	left:5px;
	color:#999999;
	font-size:16px;	
	font-weight:bold;
}

.class_lienCadre
{
text-decoration:none;
border:1px solid #666666;
padding:3px;
font-size:14px;
color:#666666;	
background-color:#cccccc;
position:absolute;
bottom:7px;
right:7px;	
}


.lienApercu
{
	text-decoration:none;
	color:#5A0201;
	line-height:20px;
}

a.lienApercu:hover
{
	text-decoration:underline;	
}


.label_date
{
	font-size:20px;
	color:#999999;	
}




.class_LinkVente
{
font-size:18px;
color:#CC6633;	
}

.label_numCli
{
	font-size:24px;
	color:#CC6633;
}


.cadreVente
{
	position:relative;
	border:2px solid #cccccc;
	padding:6px;
	background-color:#F5F5F5;
}

.cadreInfosVente
{
	width:450px;
	height:auto;
}

.cadreFacturesOuvertes
{
	position:relative;
	width:85%;
	min-height:120px;
	height:auto;
}

.cadreAvoirs
{
	position:relative;
	width:85%;
	height:120px;
}

.cadreSAV
{
	position:relative;
	width:85%;
	min-height:120px;
	height:auto;
}

.cadreBonCommande
{
	position:relative;
	width:85%;
	min-height:120px;
	height:auto;
}

.titreCadre
{
	position:absolute;
	top:5px;
	left:5px;
	color:#999999;
	font-size:16px;	
	font-weight:bold;
}

.class_lienCadre
{
text-decoration:none;
border:1px solid #666666;
padding:3px;
font-size:14px;
color:#666666;	
background-color:#cccccc;
position:absolute;
bottom:7px;
right:7px;	
}


.lienApercu
{
	text-decoration:none;
	color:#5A0201;
	line-height:20px;
}

a.lienApercu:hover
{
	text-decoration:underline;	
}

.attentionVente
{
position:absolute;
bottom:4px;
right:3px;	
}

.class_GroupBox_Article
{
    width:240px;
    border: 1px solid #836c5b;
    padding-bottom:5px;
    margin-right:10px;
    margin-top:10px;
    text-align:left;
}

.class_GroupBox_Article2
{
    width:345px;
    border: 1px solid #836c5b;
    padding-bottom:5px;
    margin-right:10px;
    margin-top:10px;
    text-align:left;
}

.class_GroupBox_Article .total, .class_GroupBox_Article2 .total
{
	background-color:#728C3B;
	color:#ffffff;
	font-size:16px;
}





.lbInfos
{
	font-size:14px;
	color:#666666;
}

.lbInfos2
{
	font-size:14px;
	font-weight:bold;
	color:#666666;
}

.lbInfos3
{
	font-size:18px;
	font-weight:bold;
	color:#ffffff;
}

.lbInfos4
{
	font-size:14px;
	font-weight:normal;
	color:#ffffff;
}

.lkCalculer
{
	font-size:11px;
	color: #830100;	
}

.InfoBarre
{
	text-decoration:line-through;	
}

#infoTotalArticle
{
	border:1px solid #666666;
	background-color:#999999;
	color:#ffffff;
	font-size:22px;
	padding:5px 15px;
	height:40px;
	width:350px;
}

.lbTotalAvantRemise
{
	font-weight:bold;	
	font-size:18px;	
}

.lbValeurTotalAvantRemise
{
	font-size:18px;	
	color:#5A0201;
}

.lbTotal
{
	font-weight:bold;	
}

.lbValeurTotal
{
	font-size:26px;	
	color:#5A0201;
}

#boutonAjoutArticle
{
	position:absolute;
	bottom:10px;
	right:5px;	
}

#boutonAjoutBonCadeau
{	
	position:absolute;
	top:250px;
	right:250px;	
}

#annulerRemise
{
	position:absolute;
	top:230px;
	right:90px;	
	font-weight:bold;
	text-align:center;
}

.tabChampsSup
{
	border:1px solid #999999;
}




.panClientBloqueCSS
{
	color: #D8000C;
	background-color: #FFBABA;
	font-size:20px;
	font-weight:bold;
}


.lbTotalTTCPaiement
{
	font-size:20px;
	color:#037A14;
}

.totalTTCPaiement
{
	font-size:30px;
	color:#CC6633;
	margin-left:10px;
}

.blockCommande
{
	background-color:#ede2d6;
	margin-left:22px;
	margin-top:-3px;
	border:1px solid #cba674;
}

.blockBonCommande
{
	background-color:#dcdcdc;
	margin-left:22px;
	margin-top:-3px;
	border:1px solid #cba674;
}

.blockBonLivraison
{
	background-color:#dcdcdc;
	margin-left:22px;
	margin-top:-3px;
	border:1px solid #cba674;
}


.infoCommandeValidee, .infoBonCommandeValide, .infoBonLivraisonValidee
{
	font-size:14px;
	font-weight:bold;
	color:Green;
}

.infoCommandeAnnulee, .infoBonCommandeAnnulee, .infoBonLivraisonAnnulee
{
	font-size:14px;
	font-weight:bold;
	color:#FF0000;
}

.montantAvoir
{
    /*
	margin-top:10px;
	font-size:48px;
	font-weight:bold;
	color:#CC6633;
    */
}

.listesInfosClient
{
	margin-left:-15px;
}

.centrer
{
    margin-left:auto;
    margin-right:auto;
}





#infosClient
{
	margin-left:0;
	border:1px solid #646263;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background-color:#d9d9d9;
}

#infosClient #infosClientTitre
{
	background-color:#8bb5d8;
	color:#000000;
	font-family:Arial;
	font-weight:bold;
	font-size:11px;
}

#infoClient .lbInfo
{
	color:#54760d;
	font-size:10px;
}






#pnlClient,#pnlDoc,#pnlNiveau
{
	margin-left:auto;
	margin-right:auto;
}


#pnlClient .entete, #pnlDoc .entete, #pnlNiveau .entete
{
	border:1px solid #333333;
	border-bottom:0;
	border-radius:7px 7px 0 0;
	-moz-border-radius:7px 7px 0 0;
	-webkit-border-radius:7px 7px 0 0;
	color:#ffffff;
	font-family:Arial;
	font-weight:bold;
	font-size:13px;
	width:100%;
	
}




#pnlClient .entete p, #pnlDoc .entete p, #pnlNiveau .entete p
{
	padding:0;
	margin:0;
	padding:3px 8px;
}

#pnlClient .infos
{
	background-color:#d9d9d9;
	border:1px solid #333333;
	border-radius:0 0 7px 7px;
	-moz-border-radius:0 0 7px 7px;
	-webkit-border-radius:0 0 7px 7px;
	width:100%;
	border-top:0;

}

#pnlClient #tableClient, #pnlDoc #tableDoc, #pnNiveau #tableNiveau
{
	width:auto;
}

#pnlNiveau .infos
{
	background-color:#d9d9d9;
	border:1px solid #333333;
	border-radius:0 0 7px 7px;
	-moz-border-radius:0 0 7px 7px;
	-webkit-border-radius:0 0 7px 7px;
	width:100%;
	border-top:0;

}

#pnlDoc .infos
{
	background-color:#d9d9d9;
	border:1px solid #333333;
	border-radius:0 0 7px 7px;
	-moz-border-radius:0 0 7px 7px;
	-webkit-border-radius:0 0 7px 7px;
	width:100%;
	border-top:0;

}

#pnlClient .infos, #pnlDoc .infos, #pnlNiveau .infos
{
	color:#54760d;
}

#pnlClient .entete
{
	background-color:#8bb5d8;
}

#pnlNiveau .entete
{
	background-color:#F7230C;
}


#pnlDoc .entete
{
	background-color:#f58336;
}


#dateHeure
{
	width:auto;
	background-color:#005643;
	border:1px solid #005643;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	color:#e2fec3;
	font-weight:bold;
	font-size:12px;
	
}


.tabTotaux
{
	border:1px solid #999999;
	margin-right:20px;
}

.tabTotauxLabel
{
	font-size:13px;
	color:#830100;	
	padding:5px;
	border-right:1px solid #999999;
}

.tabTotauxValeur
{
	font-size:13px;
	color:#7d7d7d;	
	padding-right:5px;
	padding-left:15px;
}

/* tabTotauxLabel_RemiseGlobale 
est utilisé dans le Panier car il arrive que la valeur trop grande 
décale tout et donc que les bouton à droite se chevauchent
 */
.tabTotauxLabel_RemiseGlobale
{
	font-size:11px;
	color:#830100;	
	padding:5px;
	border-right:1px solid #999999;
}



.tabTotauxFinalLabel
{
	font-size:14px;
	font-weight:bold;
	color:#830100;	
	padding:5px;
	border:1px solid #999999;
	border-top:2px solid #999999;
}

.tabTotauxFinalValeur
{
	font-size:14px;
	font-weight:bold;
	color:#7d7d7d;	
	padding-right:5px;
	padding-left:15px;
	border:1px solid #999999;
	border-top:2px solid #999999;
}

.tabTotauxLabelTrait
{
	font-size:13px;
	color:#830100;	
	padding:5px;
	border-right:1px solid #999999;
	border-top:1px solid #999999;
}

.tabTotauxValeurTrait
{
	font-size:13px;
	color:#7d7d7d;	
	padding-right:5px;
	padding-left:15px;
	border-right:0px;
	border-top:1px solid #999999;
}





#pnlVendeur
{
	width:150px;
}

#tabVendeur p, .listeVendeur p
{
	font-weight:bold;
	color:#ffffff;
}

#tabVendeur p.titreVendeur
{
	color:Green;
}

#pnlVendeur
{
	border:1px solid #333333;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	background-color:#9CB515;
}





#panTotalFacture1,#panTotalFacture2
{
	margin-left:auto;
	margin-right:auto;
}


#panTotalFacture1 .entete, #panTotalFacture2 .entete
{
	border:1px solid #333333;
	border-bottom:0;
	border-radius:4px 4px 0 0;
	-moz-border-radius:4px 4px 0 0;
	-webkit-border-radius:4px 4px 0 0;
	color:#ffffff;
	font-family:Arial;
	font-weight:bold;
	font-size:13px;
	width:100%;
	background-color:#333333;
}




#panTotalFacture1 .entete p, #panTotalFacture2 .entete p
{
	padding:0;
	margin:0;
	padding:3px 8px;
}

#panTotalFacture1 .infos, #panTotalFacture2 .infos
{
	background-color:#d9d9d9;
	border:1px solid #333333;
	border-radius:0 0 4px 4px;
	-moz-border-radius:0 0 4px 4px;
	-webkit-border-radius:0 0 4px 4px;
	width:100%;
	border-top:0;
}

#panTotalFacture1 #tableClient, #panTotalFacture2 #tableDoc
{
	width:auto;
}


.gris_actif
{
	color:#595858;
}

.gris_nonactif
{
	color:#ABABAB;
}






.tabTotaux_Paiement
{
	/*border:1px solid #999999;*/
	margin-right:0;
}

.tabTotauxLabel_Paiement
{
	font-size:10px;
	color:#830100;	
	padding:5px;
	border-right:1px solid #999999;
}

.tabTotauxValeur_Paiement
{
	font-size:12px;
	color:#7d7d7d;	
	padding-right:5px;
	padding-left:15px;
}

.tabTotauxFinalLabel_Paiement
{
	font-size:12px;
	font-weight:bold;
	color:#830100;	
	padding:5px;
	border:1px solid #999999;
	border-top:2px solid #999999;
	border-right:1px solid #999999;
	border-left:0;
	border-bottom:0;
	
}

.tabTotauxFinalValeur_Paiement
{
	font-size:12px;
	font-weight:bold;
	color:#7d7d7d;	
	padding-right:5px;
	padding-left:15px;
	border:1px solid #999999;
	border-top:2px solid #999999;
	border-right:0;
	border-left:0;
	border-bottom:0;
}

.tabTotauxLabelTrait_Paiement
{
	font-size:10px;
	color:#830100;	
	padding:5px;
	border-right:1px solid #999999;
	border-top:1px solid #999999;
}

.tabTotauxValeurTrait_Paiement
{
	font-size:12px;
	color:#7d7d7d;	
	padding-right:5px;
	padding-left:15px;
	border-right:0px;
	border-top:1px solid #999999;
}

tr.row:before, tr.row:after {
    display: table-row;
    content: none;
}

legend {
    display: block;
    width: initial;
    padding: 0;
    margin:0;
    line-height: inherit;
    border: 0;
    border-bottom:0;
}


#waitSpinner {
    position: fixed;
    width: 100%;
    top: 0px;
    height: 100%;
    /* left: 0; */
    /* bottom: 0; */
    /* right: 0; */
    background-color: rgba(255, 255, 255, 0.6);
    z-index: 1500;
}

#waitSpinner i.fa{
		top: 50%;
		left: 50%;
		position: absolute;
		margin-left:-60px;
		margin-top:-60px;
		font-size:120px;
		color:#8dffff;
	}

/*  BARRE DE RECHERCHE  */
.secondbar 
{
    padding:15px 5px 0px 5px;
    background: #dedede;
}
.secondbar.entrainment
{
    padding: 15px 5px 10px 5px;
}
.rechercheBar 
{
    padding:5px 0 0 0;
    margin:auto;
}
/* BOUTON NOUVEAU */
.addBtn_section 
{
    /*background:#fafafa;*/
    background:none;
    height:45px;
    position:relative;
}

/* temp */
#frmContent_lbAjouter 
{
    display:none;
}


.addBtn {
    background: -webkit-linear-gradient(56deg, #3CD3AD 0, #4CB8C4 100%);
    background: -moz-linear-gradient(56deg, #3CD3AD 0, #4CB8C4 100%);
    background: linear-gradient(56deg, #3CD3AD 0, #4CB8C4 100%);
    position: absolute;
    left: 65px;
    top: -27px;
    padding: 15px 15px;
    border-radius: 50%;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    display: table;
}

.addBtn i 
{
    color: #fff !important;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}


    .addBtn:hover {
        background: linear-gradient(56deg, rgba(60, 211, 173, 0.6) 0, rgba(76, 184, 196, 0.6) 100%), #fff;
        background: -webkit-linear-gradient(56deg, rgba(60, 211, 173, 0.6) 0, rgba(76, 184, 196, 0.6) 100%), #fff;
        background: -moz-linear-gradient(56deg, rgba(60, 211, 173, 0.6) 0, rgba(76, 184, 196, 0.6) 100%), #fff;
    }

/* LIST */
#frmContent_grd 
{
    background:#fafafa;
}

/* RESULTATS BOTTOM */
.results 
{
    padding: 10px;
    background: #fafafa;
    border-top: 1px solid #d8d8d8;
}

/***** DETAIL ARTICLE ******/
/* DETAIL ARTICLE - HEADER */
.pnlDetailHeader {
    background: #fff;
    position: fixed;
    width: calc( 100% - 160px);
    z-index: 888;
    padding: 10px 15px 10px 20px;
    background: #efefef;
    border-bottom: 1px solid #e4e4e4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items:center;
}

.pnlAjoutersort 
{
    padding:20px 0;
    background: #fafafa;
}
searchbar 
{
    padding:10px 0;
    background-color: #ececec !important;
}

.searchIconList li
{
    display: inline-block;
}

.icon-AMD 
{
    padding:0 5px;
    
}

.icon-AMD a 
{
    color: #575757;
}

.underPanel 
{
    text-align:center;
    border-bottom: 1px solid #ccc;
}
.underPanelbtn 
{
    background: #ccc;
    padding:5px 15px;
}

.pnlDetailHeader i
{
    font-size:30px;
}

#frmContent_C_BarreAMD1_pnlInformation 
{
    display:none;
}

/* DETAIL ARTICLE - CONTENT */

#frmContent_pnlDetail 
{
    background: #fafafa;
}

.pnlDetailContent 
{
    background: #fafafa;
    padding: 15px;
    padding-top: 85px;
}

.pnlDetailContent-without-amd
{
    background: #fafafa;
    padding: 15px;
}


.pnlDetailContent-menu 
{
    padding: 0px 15px 0 0;
}

.pnlDetailContent-menu ul 
{
    width: 150px;
    list-style-type:none;
}

.pnlDetailContent-menu  li
{
    background: #ffffff;
    margin: 10px 0;
    border-radius: 1px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.pnlDetailContent-menu ul > li input,
.pnlDetailContent-menu ul > li div,
.pnlDetailContent-menu ul > li img
{
    width: 100%;
    display:block;
}

.TabBouton 
{
    display: block;
    font-family: 'roboto', Sans-Serif;
    font-weight: 300;
    color: #424242;
    border: 0;
    border-bottom: 5px solid #1f93ef;
    cursor: pointer;
    margin-top: 0px;
    padding: 10px 25px;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    cursor: pointer;
}

.TabBouton:hover 
{
    background:#4cc4ef;
    color: #fff;
    border-bottom: 5px solid #fff;
}

.TabBoutonActif 
{
    display: block;
    font-family: 'roboto', Sans-Serif;
    font-weight: 300;
    color: #424242;
    border: 0;
    border-bottom: 5px solid #fff;
    cursor: pointer;
    margin-top: 0px;
    padding: 10px 25px;
    background: rgba(255, 255, 255, 0.3);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    cursor: pointer;
}

.section 
{
    background: rgba(255, 255, 255, 0.8);
    margin-bottom: 10px;
    padding: 15px 15px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    border-radius: 2px;
}

.btn-fullscreen
{
    cursor:pointer;
}

.avatar
{
    border-radius: 50%;
    height:130px;
    width:130px;
}


div.avatar {
    background-position: center;
    background-size: cover;
    margin: 0px auto;
}

.file.avatarContainer{
    margin:0px auto;
}

.file input.avatarBtn {
    position: relative;
}

.ui-dialog {
    height: auto;
    top: 50% !important;
    left: 50% !important;
    transform: translateX(-50%) translateY(-50%) !important;
    z-index: 1000;
    width: 90% !important;
    max-width: 500px;
}

.form-horizontal-sm 
{
    width:100%;
    max-width:800px;
    margin:auto;
}

.form-horizontal-lg
{
    width:100%;
    max-width:1200px;
    margin:auto;
}

.form-horizontal-xl {
    width: 100%;
    max-width: 1700px;
    margin: auto;
}


.ArticlesAssocies
{ 
    max-width:900px;
    width:100%;
    margin:auto;
}


.section-title {
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 30px;
    padding-bottom:5px;
}
.section-title 
{
    font-size: 25px;
    font-family:'roboto', Sans-Serif;    
}

.form-group 
{
    position:relative;
}    

.flagLeft 
{
    float:left;
    width:45px;
    height:34px;
    border-radius:2px;
}

.flagLeft img 
{
    height:100%;
    width:auto;
}

textarea 
{
    resize:vertical;
}

.center_title_groupClient th 
{
    text-align:center;
}

#frmContent_c_ArticleRayon1_lstRayonArticle 
{
    margin-top:15px;
}

#frmContent_c_ArticleRayon1_tw 
{
    min-height:350px;
}

#frmContent_c_ArticleRayon1_tw td 
{
    padding:5px 10px;
}

/* RAYON */

.pnlDetailContentRayon-menu 
{
    padding: 0px 15px 0 0;
}

.pnlDetailContentRayon-menu .AspNet-TreeView 
{
    width:200px;
}

.pnlDetailContentRayon-menu .AspNet-TreeView td
{
    padding:7px 0;
}

.pnlDetailContentRayon-corps {
    width: calc( 100% - 215px );
}

.RayonBtn 
{
        background: #a6d22c;
    margin: 10px 0;
    padding: 10px 25px;
    border-radius: 1px;
    color: #fff;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    border: none
}

#frmContent_c_MouvementStock1_rblType td
{
    padding: 0 15px;
}

.btn_impr_edmvt 
{
    padding: 15px 0 0 0;
    text-align:center;
}

#appli_logo 
{
    padding-left:0px !important;
}

.onglets-pnlDetailContent-corps a
{
    box-shadow:none !important;
}

.input-group
{
    width: 100%;
}

.text-floatright
{
    text-align:right;
}

.input-group-addon {
    padding: 5px 16px;
    font-size: 13px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1;
    color: #fff;
    text-align: center;
    background-color: #49bebf;
    border: 1px solid transparent;
    border-radius: 0px;
}

.input-group-addon i
{
    color:#fff;
}

.chkIdentifiant
{
    padding:25px 15px;
}

.chkIdentifiant label
{
    margin-bottom:0 !important;
}

.arrowBtn a
{
    padding:7px 10px 7px 10px !important;
}

.step3panTotal
{
    background: #fafafa;
    padding:10px;
    margin:10px 0;
}

.step3panTotal tr td
{
    padding: 5px 0;
}


.Totalstep3key,
.Totalstep3value
{
    font-weight: 700;
    color:#009fe3;
    font-size:20px;
}

.aideCreaLink
{
    padding: 10px;
    display: block;
    text-align: center;
    margin: 15px 10px 15px 0;
    cursor: pointer;
    color: #fff;
}

.aideCreaLinkClose
{
    float:right;
    display: block;
    padding: 10px;
    cursor:pointer;

}

.aideCreaLinkClose i
{
    font-size:40px;
}

.aide_crea_pnl
{
    position: absolute;
    left: 100%;
    height: calc(100% - 50px);
    width: calc(100% - 160px);
    background: #fff;
    top: 50px;
    z-index: 888;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

@media screen and (max-width:767px)
{
    .aide_crea_pnl
    {
        position: absolute;
        left: 100%;
        height: calc(100% - 50px);
        width: 100%;
        background: #fff;
        top: 50px;
        z-index: 888;
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    }
}


/***************
*   REGISTER   *
***************/

.pnlChoixSaison ul {
    display: flex;
    justify-content: space-around;
}

.pnlChoixSaison ul li {
    background: #fafafa;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
    box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
}

.pnlChoixSaison ul li {
    background: #fafafa;
}

.pnlChoixSaison ul li label {
    font-family: 'roboto', sans-serif;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 600;
    color: #4CB8C4;
    display: block;
    padding: 50px;
    cursor: pointer;
}

.pnlChoixSaison ul li input {
    display: none;
    width: 100%;
}

.pnlInfoCommande {
    margin-bottom: 10px;
    font-size: 18px;
}

.pnlInfoCommande:after {
    content: "";
    display: block;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-left:15px;
    margin-right:15px;
}

.pnlInfoCommande .lbSaisonCouranteLibelle,
.pnlInfoCommande .lbCommandeCouranteLibelle {
}

.pnlInfoCommande .lbCommandeCourante,
.pnlInfoCommande .lbSaisonCourante {
    font-family: 'roboto', sans-serif;
    font-size: 24px;
    vertical-align: middle;
    word-break: break-word;
    text-transform: uppercase;
    font-weight: 600;
    color: #4CB8C4;
}

.AgendaEntrainementTemplate.lbNbPlacesDispo:after {
    content: "/";
    display: inline-block;
    margin-left: 4px;
}


.simplebar-scrollbar:before {
    background: #40ccb2 !important;
}

.pnlAccordHonorabilite {
    border: 2px solid #D8000C;
    margin-bottom: 15px;
}
.pnlAccordHonorabiliteTitre {
    background: #D8000C;
    color: #fff;
    padding: 5px;
    font-weight: 600;
    display: block;
}
.AccordHonorabiliteInfo {
    padding: 10px;
    display: block;
    line-height: 1.2;
    background:#fff;
}
.pnlAccordHonorabilite .chkAccordHonorabilite{
    margin-left:10px;
}