/*---------- @STYLES DE BASE ----------*/

/* Bandeau Admin */
#bandeauAdmin{	width:100%;padding:10px;text-align:center;;font-size:20px;top:0;height: 18px;line-height:18px;}
	#bandeauAdmin a{color:#FFFFFF;}
	#bandeauAdmin img{vertical-align: middle;}
.bandeauAdminV1{background:#01adee;}
.bandeauAdminV2{background:#E32D49;}
	.bandeauAdminR{position: absolute;font-size: 14px;top: 10px;right:15px;text-align:right;color:#39b54a;font: 14px "Gotham-Medium";text-decoration: underline;}
		.bandeauAdminR img{height:20px;}
		.accesV1{color:#FFFFFF;}
		.accesV2{color:#FFFFFF;}
	.bandeauAdminL{position: absolute;font-size: 14px;top: 1px;left: 15px;}
	.bandeauAdminM{position: absolute;top: 37px;font-size: 14px;right: 228px;display:none;width:200px;}
.hide{display:none !important;}
.loader{background:#FFFFFF;opacity:0.7;width:100%;height:100%;position:absolute;z-index:99999;text-align:center;padding-top:150px;display:none;}
button:focus, select:focus, input[type="text"]:focus,input:focus, textarea:focus, *:focus {outline:none;}  
@font-face {
	font-family:'Gotham-Medium';
	src: url('../../fonts/Gotham-Medium_gdi.eot');
	src: url('../../fonts/Gotham-Medium_gdi.eot?#iefix') format('embedded-opentype'), 
		url('../../fonts/Gotham-Medium_gdi.woff') format('woff'),
		url('../../fonts/Gotham-Medium_gdi.ttf') format('truetype'),
		url('../../fonts/Gotham-Medium_gdi.svg#Gotham-Medium') format('svg');
	font-weight: 350;
	font-style: normal;
	font-stretch: normal; 
	unicode-range: U+0020-2212;
}
@font-face {
	font-family:'Gotham-Book';
	src: url('../../fonts/Gotham-Book_gdi.eot');
	src: url('../../fonts/Gotham-Book_gdi.eot?#iefix') format('embedded-opentype'),
		url('../../fonts/Gotham-Book_gdi.woff') format('woff'),
		url('../../fonts/Gotham-Book_gdi.ttf') format('truetype'),
		url('../../fonts/Gotham-Book_gdi.svg#Gotham-Book') format('svg');
	font-weight: 325;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-2212;
}

@font-face {
	font-family:'Gotham-Bold';
	src: url('../../fonts/Gotham-Bold_gdi.eot');
	src: url('../../fonts/Gotham-Bold_gdi.eot?#iefix') format('embedded-opentype'),
		url('../../fonts/Gotham-Bold_gdi.woff') format('woff'),
		url('../../fonts/Gotham-Bold_gdi.ttf') format('truetype'),
		url('../../fonts/Gotham-Bold_gdi.svg#Gotham-Bold') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-2212;
}


@font-face {
  font-family: 'Century-Gothic';
  src: url('../../fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'),  
	   url('../../fonts/CenturyGothic.woff') format('woff'), 
	   url('../../fonts/CenturyGothic.ttf')  format('truetype'), 
	   url('../../fonts/CenturyGothic.svg#Century-Gothic') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'CenturyGothic-Bold';
  src: url('../../fonts/CenturyGothic-Bold.eot?#iefix') format('embedded-opentype'), 
	   url('../../fonts/CenturyGothic-Bold.woff') format('woff'), 
	   url('../../fonts/CenturyGothic-Bold.ttf')  format('truetype'), 
	   url('../../fonts/CenturyGothic-Bold.svg#CenturyGothic-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@charset "utf-8";
html,div,body,p {margin:0;padding:0;}
body{font-family:'Gotham-Book','Arial', Helvetica, sans-serif;font-size:12px;margin:auto;background:#fff;overflow-x:hidden; height:100%}
.clear{float:none;clear:both;width:0;height:0;}
form{display:inline}
input{font-family:'Verdana';font-size:17px;}
input[checkbox]{cursor:pointer;}
select{vertical-align:middle;font-family:'Verdana';font-size:11px;}

a{text-decoration:none;color:#000;}
a:hover{text-decoration:underline;}

h1{margin:0;padding:0;}
ul{margin:0;padding:0;}
li {list-style:none;margin:0;padding:0}
img{border:none;}
table{text-align:left;}
label{cursor:pointer;}
.couleur_bleu{color:#01adee!important}

/*---------- @DIVERS ET UTILITAIRES ----------*/
.clear{clear:both;}
.bloc {clear:both;}
.border_bottom_grey{border-bottom:1px solid grey;}
.underline{text-decoration:underline;}
a.underline:hover{text-decoration:none;}
.titre_ouverture{padding-left:30px;height:15px;}
.td_modules_boutiques{padding-left:20px;}
.content{padding:20px;}
td.content{background-color:#ffffff}
.tab_users .table_caracts td{border:none;}
.txt{padding:10px 0 10px 20px;}
.voir{padding:10px 40px 10px 0; text-decoration:underline; text-align:right;}
.souligner{text-decoration:underline}
/* loader ajax*/
.ajax-loader{background:url(../images/templates/ajax-loader.gif) center center no-repeat; min-height:42px;}

/*---------- @GROUPE STRUCTURE ----------*/
#contenant{ padding:0;}
	#contenu{/*width:95%;min-width:1000px;*/margin:0 auto;background-color:#FFF;border:1px solid #666; border-bottom:none;width:100%}
	#contenu_b{/*width:95%;min-width:1000px;*/height:17px;margin:0 auto;display:none}
	#topdecklink #contenu {/*background-color: #efefef*/left: 0;min-height: 100%;position: absolute;top: 0;z-index: 2;}
	#topdecklink #contenu .footer{position:absolute; bottom:0; left:0; }
		#contenu_b table{width:100%;}
			.arrondi_g{width:13px;height:17px;text-align:left}
				.arrondi_g img{margin-left:-1px;}
			.bordure_contenu_b{height:17px;background:url('../images/templates/bordure_contenu_b.jpg') repeat-x #fff;}
			.arrondi_d{width:13px;height:17px; text-align:right;}
	 			.arrondi_d img{margin-right:-1px;}

	#contenupopup {width: 95%;min-width:380px;margin:0 auto;background-color:#FFFFFF;border:1px solid #666666;}
	.contourpopup {margin:10px;border:solid 1px #CCCCCC;}

	/*---------- @HEADER ----------*/
		/** Logo et bouton déconnexion**/
		.top{width:100%;height:80px; background:#3a393a ;padding:5px 0; font:12px "Gotham-Book"; color:#ffffff}
			.logoarobases {float:left;width:200px;height:80px;}
			.encarts_header{float:right;height:108px;}
				.conseil{float:left;width:164px;height:65px;padding:43px 0 0 16px;background:url('../images/templates/bg_conseil.jpg') no-repeat right top;}
					.conseil_txt{height:30px; padding-top:43px; font-size:11px; color:#b2b2b2;}
						.conseil_txt strong{font-size:13px; color:#000;}
				.servicetech{float:left;width:150px;height:38px;padding:70px 0 0 15px;background:url('../images/templates/bg_servicetech.jpg') no-repeat;}
				.servicehebergement{float:left;width:281px;height:65px;padding:43px 0 0 14px;background:url('../images/templates/bg_servicehebergement.jpg') no-repeat;}
				.deconnexion{float:right;width:370px;margin-top:26px; padding-right:20px;}
					.btn_deconnexion{float:right; padding-left:15px; position:relative; z-index:1}
					.btn_deconnexion::after {content:""; width:1px; height:12px; background-color:#bababa; position:absolute; left:0; top:50%; margin-top:-7px}
						.btn_deconnexion span{padding-right:8px; font-size:13px;}
					.liensvers_txt{height:15px; font-size:10px; color:#FFF; line-height:15px;}
					ul.lien_boutique{width:60px;display:inline-block; vertical-align:middle}
					
						ul.lien_boutique li{}
							ul.lien_boutique li a{color:#01adee;text-decoration:underline;font:15px "Gotham-Medium"}
							ul.lien_boutique a:hover{text-decoration:underline;color:rgb(227,45,73)}
							.titre_position{position:absolute;right:15px; top:15px; z-index:1; font:12px "Gotham-Medium" ; text-transform:none; display:none }
			/**********RO INTEGRE*********/
			.contact_header{float:left; margin-top:10px}
				.contact_header a {color: #ffffff;display: inline-block;vertical-align: middle;}
				.contact_header a:hover{text-decoration:none!important}
					.contact_header a > span {color: #01adee;display: block;font: 12px "Gotham-Medium";}
					.ticket_aide {background: url("../images/templates/ico_mail.png") no-repeat scroll left center;padding: 8px 0 8px 42px;}
					.contact_lien {background: url("../images/templates/ico_contact.png") no-repeat scroll left center;padding: 8px 0 8px 42px;}
					
			.acces_boutique {float: left;width: 241px;position:relative; z-index:1}
			.acces_boutique::after {content:""; width:1px; height:12px; background-color:#000000; position:absolute; right:-3px; top:50%; margin-top:-6px}
		/** Titre panneau admin **/ 
		.panneau {width:100%;height:51px;background:url('../images/templates/fondpanneau.jpg') repeat-x;}
			.titrepanneau{height:51px;width:100%; background:url(../images/templates/panneauadmin_titre.jpg) center no-repeat; text-align:right; color:#FFF;}
			.titrepanneau2{height:51px;margin:0 auto; padding-right:15px; background:url('../images/templates/panneauadmin_titre.jpg') no-repeat center top; text-align:right; line-height:51px;color:#FFF;}
				.titrepanneau span{color:#FFF; text-decoration:underline;}
			/*.deco{color:#979797;font-weight:bold;float:left;margin-left:40px;margin-top:8px;}*/
		.content_page {height: 100%;position: relative;z-index: 1/*;min-height: 850px*/;width: 85%;margin: auto;max-width:1024px}

		/** Onglets **/
		#menu {height: 100%;position: absolute;top: 0;width: 190px;z-index: 9;background-color:#848081; /*min-height:700px*/}
			.onglet_accueil{}
				
			.lienbouton {padding:0 10px;position: relative;text-align: left;z-index: 800;}
			.lienbouton::after{width: 0;height: 0;border-style: solid;border-width:11px 10px 9px 0;border-color: transparent #3a393a transparent transparent;content:""; position:absolute; right:0; top:15px; display:none}
			.lienbouton.onglet_accueil::after{width: 0;height: 0;border-style: solid;border-width:11px 10px 9px 0;border-color: transparent #efefef transparent transparent;content:""; position:absolute; right:0; top:12px; display:block}
			.lienbouton .lienbouton_g{position:absolute; z-index:1;width:100%; background-color:#686566; height:1px; bottom:2px; left:0}
			.lienbouton .lienbouton_m{position:relative; z-index:1; padding:13px 0}
				.lienbouton .lienbouton_m a{color:#ffffff;display:block; padding:5px 0 5px 30px; font:12px "Gotham-Medium"}
				.onglet_accueil.lienbouton a {background:url("../images/templates/ico_accueil.png") no-repeat scroll left center;}
				#onglet_1.lienbouton .lienbouton_m >a {background:url("../images/templates/ico_catalogue.png") no-repeat scroll left center;}
				#onglet_2.lienbouton .lienbouton_m >a {background:url("../images/templates/ico_contenu.png") no-repeat scroll left center;}
				#onglet_3.lienbouton .lienbouton_m >a {background:url("../images/templates/ico_parametre.png") no-repeat scroll left center;}
				#onglet_4.lienbouton .lienbouton_m >a {background:url("../images/templates/ico_commande.png") no-repeat scroll left center;}
				#onglet_5.lienbouton .lienbouton_m >a {background:url("../images/templates/ico_marketing.png") no-repeat scroll left center;}
				#onglet_6.lienbouton .lienbouton_m >a {background:url("../images/templates/ico_ref.png") no-repeat scroll left center;}
				#onglet_7.lienbouton .lienbouton_m >a {background:url("../images/templates/ico_stat.png") no-repeat scroll left center;}
				.lienbouton .lienbouton_m a:hover{text-decoration:none;}
			.lienbouton .lienbouton_d{position:absolute; z-index:1;width:100%; background-color:#afaeae; height:1px; bottom:1px; left:0}
			.lienboutonSelected .lienbouton_g,.lienboutonSelected .lienbouton_d {background-color:#636061}
			 .prev_lien .lienbouton_g,.prev_lien .lienbouton_d {display:none}
			.lienboutonSelected {background-color:#636061}	
				.lienboutonSelected .lienbouton_m a{color:#fff;}
				.lienboutonSelected .lienbouton_m a:hover{text-decoration:none;}
			.lienboutonSelected.lienbouton::after{display:block}
				
			.lienboutonFicheArticle{float:left;height:31px;position:relative;z-index:2; text-align:center;line-height:31px;padding:0 15px;}	
				
			.separationmenu{}
				ul.sousonglet {background-color: #3a393a;display: none;left: 100%;line-height: normal;position: absolute;text-align: left;top: 0;width: 170px;z-index: 999;padding:10px}
					ul.sousonglet li a{display:block;padding:5px;text-align:left;color:#ffffff;}
					ul.sousonglet li a:hover{text-decoration:none;color:#0083b7;}
				
			.degrademenu {/*width:100%;height:15px;margin-top:1px;background-image:url(../images/templates/degrademenu.jpg);background-repeat:repeat-x;margin-top:1px;*/}
			.bordgauchebouton2{/*float:left;width:6px;height:30px;background-image:url(../images/templates/bordgauchebouton.jpg);background-repeat:no-repeat;*/}
			.boutonactuel2{float:left;height:22px;padding:8px 15px 1px 15px;background:#0078ae ;text-align:center;color:#FFFFFF;}
			.boutonactuel2 a{color:#FFFFFF;}
			.borddroitbouton2 {/*float:left;width:6px;height:30px;background-image:url(../images/templates/borddroitbouton.jpg);*/}
	#contentMiddle {padding-left: 10px; /*background-color: #efefef;*/padding-right:10px; /*min-height:700px*/}
	/*---------- /@FIN HEADER ----------*/
	.menu2bit {float:left;height:30px;background:#cccccc;}
	.lienboutonFicheArticle a{color:#ffffff}

.titrefleche{clear:both;margin-top:20px; text-align:left;padding-left:20px;margin-bottom:12px;background-image:url(../images/templates/flechebleue.jpg); background-repeat:no-repeat;font-size:15px;font-weight:bold; text-transform: uppercase;}
.titreflecheutil {margin:0;padding:0; padding-top:3px;text-align:left;padding-left:20px;margin-bottom:12px;background:url(../images/templates/flechebleue.jpg) no-repeat center left;font-size:15px;font-weight:bold;}
.titreflechept {margin:0;padding:0;text-align:left;padding-left:20px;background-image:url(../images/templates/flechebleue.jpg);background-repeat:no-repeat;font-weight:bold;margin-bottom:6px;}
.nav_cat_art {margin-left:80px;width:690px;}
.titrefleche_center { margin-left:30px;margin-top:20px; text-align:left;padding-left:20px;margin-bottom:12px;background-image:url(../images/templates/flechebleue.jpg); background-repeat:no-repeat;font-size:15px;font-weight:bold;}
.sscat_stat {margin-left:30px;}
.nav_sscat_art{float:left;margin:0 10px 10px 0;width:220px;}
.titre_stattab{text-align:center; font-weight:bold;}
#tablestat{width:60%;}
.titreflecheptMargIndent {
	text-align:left;
	text-indent:20px;
	background-image:url(../images/templates/flechebleue.jpg);
	background-repeat:no-repeat;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:10px;
	margin-left:25px;
}
.periode{margin-left:40px; margin-top:60px; }
.navigation{font-style:italic;width:100%;margin:auto;color:#3D3D3D;padding:10px 0}
.navigation a{color:#3D3D3D;}

.navigation2 {margin:auto;color:#01adee; padding:10px 0}
.navigation2 a{color:#01adee;margin-left:4px;margin-right:4px;}
.titre_page{padding:15px ; text-align:center; font:20px "Gotham-Book"; color:#3a393a; margin:15px 0}
.paginationArticle {width:96%;margin:auto;margin-top:15px;}
	.paginationArticlePrecedent {float:left;}
	.paginationArticleSuivant {float:right;}

.blocraccourci {background: #ffffff none repeat scroll 0 0;margin-bottom: 15px;padding: 15px;}
.blocraccourcisansbordure{margin:auto;width:96%;margin-top:15px;padding-bottom:20px;}
.raccourci.racc_panneau {display: table;margin: auto;width: 100%;float:none}
	
.racc_panneau.raccourci > div {display: table-cell;padding: 0 10px;text-align: center;width: 20%;}
.titreracourci {font-size: 13px;padding-top: 15px;}
detail {color: #3a393a;font-size: 12px;padding-left: 10px;}
.titreracourci a{color:#0083b7;}
.titreracourci a:hover{color:#e32d49;}

.image{background-image:url(../images/templates/imagelisteclient.jpg);width:49px;background-repeat:no-repeat;height:94px;margin-top:33px;margin-left:25px;_margin-left:13px;float:left;}
.blocdetail{margin:15px auto;border-radius: 0px;border: 1px solid #d5d5d5;padding: 20px;border-bottom-width: 3px!important; }

.blocdetail2 {width:94%;margin:auto;margin-bottom:50px;border:14px solid #DBD9DA;}

.footer {width:100%;padding:7px 0;background:#3a393a ;text-align:center;color:#FFF;position:relative;z-index:99; display:none}
	.footer a {text-decoration:underline;color:#FFF;}
	.footer a:hover{text-decoration:none;}
	.footer img {display: inline-block;margin-left: 10px;vertical-align: text-bottom;}
.blocdetail .contenudetail{margin:10px;background:none;padding-top:10px;padding-bottom:10px;    height: calc(100%);}
.contenudetail .bloccontenudetail{width:96%;margin:auto;}
.contenudetail .titre{background-image:url(../images/templates/flechebleue.jpg);background-repeat:no-repeat;background-position:left;	padding-left:20px;margin-left:20px;_margin-left:10px;margin-top:33px;float:left;padding-right:20px;	font-size:15px;font-weight:bold;margin-bottom:12px;}
.titre{background-image:url(../images/templates/flechebleue.jpg);background-repeat:no-repeat;background-position:left;	padding-left:20px;margin-left:20px;_margin-left:10px;margin-top:33px;float:left;padding-right:20px;	font-size:15px;font-weight:bold;margin-bottom:12px; text-transform: uppercase;}
.commentaire{padding-left:20px;font-size:10px;}

.contenudetail .bonhomme{background-image:url(../images/templates/bonhomme.jpg);width:13px;height:48px;float:left;margin-top:10px;background-repeat:no-repeat;}
.blocalertes{padding-bottom:50px;}
.contenudetail table{border:1px solid #DDDDDD;margin-left:50px;border-collapse:collapse;margin-top:15px;}
.contenudetail table .titretd{color:#A4A4A4;text-align:center;border-right:1px dashed #DDDDDD;}
.contenudetail table .droitetd{text-align:right;border-right:1px dashed #DDDDDD;padding-right:10px;}
.contenudetail .voirplus{color:#808080;text-align:right;padding:10px 0;width:67%;}
.contenudetail .voirplus a{color:#808080;text-decoration:underline;}
.contenudetail .voirplus a:hover{text-decoration:none;}
.contenudetail .separationdetail{width:80%;margin:auto;background-color:#E8E8E8;height:2px;margin-top:20px;font-size:2px;}
 .exclamation{width:5px;height:32px;float:left;background-image:url(../images/templates/exclamation.jpg);background-repeat:no-repeat;margin-top:23px; }
a.orange {color:#F15B28;text-decoration:underline;}
a.orange:hover{text-decoration:none;}
a.bleu {color:#3E7794;text-decoration:underline;}
a.bleu:hover{text-decoration:none;}
a.rouge {color:#F10A30;text-decoration:underline;}
a.rouge:hover{text-decoration:none;}
.blocfin{width:95%;margin:auto;}
.bordgauchefincontenu{background-image:url(../images/templates/bordgauchefincontenu.jpg);width:14px;height:16px;float:left;background-repeat:no-repeat;margin-bottom:350px;}
.fincontenu{background-image:url(../images/templates/fincontenu.jpg);width:100%;height:16px;margin-bottom:50px;background-repeat:repeat-x;float:left;}
.recherche{float:right;text-align:right;padding-top:20px;padding-right:20px;}
.imagerecherche{padding-top:4px;padding-left:10px;}

.ajout{float:left;color:#8E8E8E;padding-left:8px;padding-right:25px;border-right:2px dotted #848081;font-size:12px;}
.ajout a{color:#8E8E8E;margin-left:4px;}
.ajout img{vertical-align:middle;height:20px;}
.ajout input{vertical-align:middle;}
.ajoutdernier {float:left;color:#8E8E8E;padding-left:8px;padding-right:31px;padding-bottom:15px;font-size:12px;}
.ajoutdernier a{color:#8E8E8E;margin-left:4px;}
.ajoutdernier img{vertical-align:middle;height:20px;}
.ajoutdernier input{vertical-align:middle;}
.raccourci .boutonajout{padding-left:25px;float:left;}
.raccourci .titre{background-image:url(../images/templates/flechebleue.jpg);background-repeat:no-repeat;background-position:left;padding-left:20px;margin-left:20px;_margin-left:10px;float:left;padding-right:20px;font:15px "Gotham-Medium";margin-bottom:12px;color:##4f92ac}
.raccourci .separation{width:95%;margin:auto;background-color:#E8E8E8;height:2px;margin-top:20px;margin-bottom:20px;font-size:2px;}
.titregras{font-weight:bold;margin-right:50px;padding-top:5px;}
.derniere{border-bottom:2px solid #E8E8E8;padding-bottom:15px;}
.contenudetail tr{padding-top:10px;}

.tb_cnx {border:none;font:13px "Gotham-Medium";color:#3a393a;background-color:#ffffff; padding:15px 45px} 
.tb_cnx img{margin-top:18px;margin-bottom:10px;}
.txt_cnx {border: 1px solid #aaaaaa;height: 40px;padding: 0 10px;  width: 94%;}
.tb_cnx select {border: 1px solid #aaaaaa;height: 35px;padding: 0 10px;  width: 100%!important;}
.raccourci select {border: 1px solid #aaaaaa;height: 24px;padding: 0 10px;}
input[type="text"]{border: 1px solid #aaaaaa;height: 24px;padding: 0 2px;}
input[type="number"]{border: 1px solid #aaaaaa;height: 24px;padding: 0 2px;width:45px;  outline: none!important;box-shadow: none!important;-webkit-box-shadow: none!important;-ms-box-shadow: none!important;}
input[type="number"].input-standard{height: auto}
input.ui-autocomplete-input{border: 1px solid #aeaeae;height: 24px;padding: 0 10px;}
textarea{border: 1px solid #aeaeae;padding: 5px 10px;}
input.input-filtre{display: inline-block;width: 100%;padding: 5px;box-sizing: border-box;height: 35px;}
.btn-filtre{height:35px; width:100%; font-size: 12px !important}
 select {border: 1px solid #aeaeae;height: 24px;padding: 0 10px;}
.tb_cnx.admin_cnx input.btn_cnx {margin-left:0;width:100%; background-color:#01adee!important; border-radius:3px!important}
.tb_cnx.admin_cnx td {display: block;text-align: left;width: 100%;padding:5px 0}
.tb_cnx.admin_cnx input[type="text"]{border: 1px solid #aaaaaa;height: 40px;padding: 0 10px;width:94%}
.erreur {color:#f05a28;}
.etoile {color:#f05a28;}
	.etoile a {color:#f05a28;}
.titre_bold{font:22px "Gotham-Book"; text-transform:none; position:relative; margin-bottom:0}
.tab_users {width:97%;border:solid 1px #aaaaaa;}
#tabrayons {margin-bottom: 10px;}
.tab_users td{padding-right:5px; padding-left:5px;}
.tab_tva {width:100%;border:solid 1px #aaaaaa;}
.tab_mvts {width:50%;border:solid 1px #aaaaaa;}
tr.th{font-family:Gotham-Medium;height:24px;vertical-align:middle;text-align:left;background:url(../images/templates/th.jpg) repeat-x left bottom #FFF;}
.tab_users .th  th, .tab_mvts .th th, .tab_users .th >td {  background-color: #aaaaaa;border-right: 1px solid #ffffff;color: #ffffff;font-weight: normal;padding: 10px 5px;}
.tab_users th:last-child, .tab_mvts th:last-child {border-color: #aaaaaa;}
.tab_users tr, .tab_mvts tr{height:24px;vertical-align:middle;}
.tab_users td, .tab_mvts td{border-right:solid 1px #d9dadc;padding:6px 8px}
.th a {color: #ffffff;}
.tab_tva td{border-right:solid 1px #d9dadc;padding-left:5px; padding-right:5px;}
.rien td{border:none 0;padding-left:5px;}
.td_users1, .td_usersalt1 td, .td_usersalt1 {background-color:#e4e6ea;}
.td_users2 , .td_usersalt2 td , .td_usersalt2 {background-color:#FFFFFF;}
.th img{vertical-align:middle;margin:0;padding:0;}
.td_rayons1 {background-color:#f8d2c7;}
.td_rayons2 {background-color:#FFFFFF}
.td_users1 > a {display: inline-block;vertical-align: middle;}
.tab_totaux {width:30%;border-left:solid 1px #000000;border-right:solid 1px #000000;border-bottom:solid 1px #000000;}
.tab_totaux th{font-weight:normal;padding-left:5px;border-right:solid 1px #d9dadc;}
.tab_totaux tr{height:24px;vertical-align:middle;}
.tab_totaux td{padding-left:5px;}

.tab_users_positions {width:100%;border:none;}
.tab_users_positions tr{height:24px;vertical-align:middle;}
.tab_users_positions td{border-right:solid 1px #d9dadc;padding-left:5px;}
.tab_users_positions img{margin-left:10px;margin-right:10px;}

/* stats */
.calendar {border-collapse:collapse;border: 1px solid black;text-align: center;font-weight: bold;}
.calendar td {background-color: #EEEEFF;padding: 3px;font-size: 10px;}
.calendar td a {text-decoration: none;color: #000000;}
.calendar td a:hover {text-decoration: underline;}
.calendar td.now {background-color: #000099;color: #FFFFFF;}
.calendar th {background-color: #9999FF;font-size: 10px;color: #FFFFFF;}
.calendar th.day {background-color: #FFFFFF;color: black;}
.calendar th a {text-decoration: none;color: #FFFFFF;}
.calendar th a:hover {text-decoration: underline;}

.records {border-collapse: collapse;border: 1px solid black;text-align: left;font-weight: bold;width: 9em;}
.records td {background-color: #EEEEFF;padding: 3px;font-size: 10px;}
.records td a {text-decoration: none;color: #000000;}
.records td a:hover {text-decoration: underline;}
.records th {text-align: center;background-color: #9999FF;font-size: 10px;color: #FFFFFF;}
.records th a {text-decoration: none;color: #FFFFFF;}
.records th a:hover {text-decoration: underline;}

.stats {border-collapse: collapse;border: 1px solid black;text-align: left;font-weight: bold;width: 90%;}
.stats td {background-color: #EEEEFF;padding: 3px;font-size: 10px;}
.stats td a {text-decoration: none;color: #000000;}
.stats td a:hover {text-decoration: underline;}
.stats th {text-align: center;background-color: #9999FF;font-size: 10px;color: #FFFFFF;}
.stats th a {text-decoration: none;color: #FFFFFF;}
.stats th a:hover {text-decoration: underline;}

.select_cache {border:none 0;min-height:340px;}
.bordeaux {color:#98341A;}
.vert {color:#505832;}
.beige {color:#8E8566;}
.gris {color:#999999;}
.grisFonce {color:#666;}

.noir {color:#030303;}
.right {text-align:right;padding-right:10px;margin-bottom:10px;}
.left {float:left;padding-left:10px;margin-top:30px;}

.aide {color:#53A0B4;font-family:Verdana;font-size:10px;}

/* positions */
.boites {width:100%;margin:0;padding:0;z-index:100;}
#boxes {list-style-type:none;margin:0;padding:0;width:100%;z-index:100;}
/*#boxes li {cursor:move;position:relative;float:left;margin:10px;width:155px;height:140px;border:1px solid #000;text-align:center;padding-top:5px;background-color:#FFFFFF;}*/
#boxes li.box {cursor:move;/*position:relative;float:left;margin:10px;width:155px;height:140px;border:1px solid #000;text-align:center;padding-top:5px;*/background-color:#00FF00;z-index:100;}
#boxes li.box2 {cursor:move;float:left;margin:10px;width:155px;height:160px;border:1px solid #000;text-align:center;padding-top:5px;background-color:#FFFFFF;z-index:100;}

ul.sortable li {position: relative;}
ul.boxy {list-style-type: none;padding: 0px;margin: 0px;width: 10em;font-size: 13px;font-family: Arial, sans-serif;}
ul.boxy li {cursor:move;padding: 2px 2px;border: 1px solid #ccc;background-color: #eee;}
.clickable a {display: block;text-decoration: none;cursor: pointer;cursor: hand;}
.clickable li:hover {background-color: #f6f6f6;}

.arbo {margin:0;padding:0;list-style-type:none;margin:10px;}
.arbo li{margin:0;padding:0;background-image:url(../images/templates/arbo.jpg);padding-left:15px;padding-top:2px;background-repeat:no-repeat;}
.tree {margin:0;padding:0;list-style-type:none;margin:10px;margin-left:20px;}
.arbo2 {margin:0;padding:0;list-style-type:none;margin:10px;margin-left:20px;}
.arbo2 li{margin:0;padding:0;background-image:url(../images/templates/arbo2.jpg);padding-left:15px;padding-top:2px;background-repeat:no-repeat;}
.artselectionne {font-weight:bold;}
.artselectionne2 {font-weight:bold;color:#f05a28;}

.flecheorange {margin:20px;}
.flecheorange li{background-image:url(../images/templates/flecheorange.jpg);background-repeat:no-repeat;background-position:top 2px;padding-left:20px;padding-top:1px;margin-bottom:20px;}
.flecheorange li a{margin-bottom:10px;}
.flecheorange strong {color: #f05a28;}

.pagenav {text-align:center;font-size:12px;padding:10px 0 15px 0}
	.pagenav strong {display: block;}
.pagenav a {border: 1px solid #cccccc;color: #0078ae ;display: inline-block;min-width: 20px;padding: 10px;}
.pagenav a:hover{background-color:#eeeeee}
.pagenav font{border: 1px solid #cccccc;color: #333333;display: inline-block;min-width: 20px;padding: 10px;background-color:#eeeeee }
.table_stock_caract {/*border-collapse: collapse;*/border: 1px solid black;text-align:center;}
.table_stock_st {background-color:#dce1ec;width:50px;text-align:center;color:#000000;}
.table_stock_tt {background-color:#b0bedc;width:50px;text-align:center;color:#000000;}
.table_stock_st input {width:40px;vertical-align:middle;color:#000000;text-align:right;}
.table_stock_infos input {width:40px;vertical-align:middle;color:#000;text-align:right;}
.table_stock_tt input{width:40px;vertical-align:middle;color:#000000;text-align:right;}
.table_stock_infos {background-color:#e4e6ea;width:70px;text-align:center;color:#000000;}
.table_marge_infos {background-color:#e4e6ea;width:80px;text-align:center;color:#000000;}
.table_stock_basic {background-color:#f8d2c7;width:60px;text-align:center;}
.table_stock_basicbis {background-color:#f8d2c7;width:150px;text-align:left;height:20px;}
.table_stock_maj {background-color:#c2cee7;width:50px;text-align:center;color:#000000;}
.table_stock_maj input {width:40px;vertical-align:middle;color:#000000;text-align:right;}
.table_stock_ref {background-color:#e4e6ea;width:90px;text-align:center;color:#000000;}
.table_stock_ref input {width:85px;vertical-align:middle;color:#000000;}
.table_stock_ref_grand {background-color:#e4e6ea;width:120px;text-align:center;color:#000000;}
.table_stock_ref_grand input {width:100px;vertical-align:middle;color:#000000;}
.table_stock_modifs {background-color:#e4e6ea;width:135px;text-align:center;color:#000000;}
.table_stock_modifs input {width:40px;vertical-align:middle;color:#000000;text-align:right;}
.inputstock {background:none;border:0px;vertical-align:middle;}

.recap_alert {color:#f05a28;}
.recap_near {color:#61baca;}
.recap_epuise{color:#F00;}

<!--------Calendrier-------->

/*
#rezet_style table td, #rezet_style table tr {
	border:0px;
	padding:0px;
	margin:0px;
	border:none;
}
*/

.ctx {
	position:absolute;
	text-align:left;
	font-family: Arial;
	font-size:10pt;
	background-color:#336699;
	color:#FFFFFF;
	display:block;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	white-space:nowrap;
	width:300px;
	margin:10px;
}

.border_one {
	border-top:1px;
	border-top-style:solid;
	border-top-color:#000;
	border-right:1px;
	border-right-style:solid;
	border-right-color:#000;
	border-left:1px;
	border-left-style:solid;
	border-left-color:#000;
}

.border_two {
	border-top:1px;
	border-top-style:solid;
	border-top-color:#000;
}

.border_tree {
	border-top:1px;
	border-top-style:solid;
	border-top-color:#000;
	border-right:1px;
	border-right-style:solid;
	border-right-color:#000;
}

.border_four {
	border-bottom:1px;
	border-bottom-style:solid;
	border-bottom-color:#000;
	border-left:1px;
	border-left-style:solid;
	border-left-color:#000;
}


#calh table {
	border-top:1px;
	border-top-style:solid;
	border-top-color:#000;
	border-right:1px;
	border-right-style:solid;
	border-right-color:#000;
}

#calh table td{
	border-bottom:1px;
	border-bottom-style:solid;
	border-bottom-color:#000;
	border-left:1px;
	border-left-style:solid;
	border-left-color:#000;
}

.ctxl		{padding-left:15px;padding-right:10px; }

.ctxl2      {padding-left:15px; padding-right:10px; background-color:highlight; color:#333;}

.calh       {background-color: #EEE; color:#000; font-family: Arial; font-size:8pt; text-align:center; font-weight:bold;}
.calh .sel  {background-color: #FFF; color:#111; cursor:pointer;}
.calh td    {color:#000;}

.calm       {background-color: #EEE; color:#000; font-family: Arial; font-size:8pt; text-align:center;display:none;}
.calm .sel  {background-color: #FFF; color:#111; font-weight:bold; cursor:pointer;}
.calm td    {color:#000;}

.caly       {background-color: #EEE; color:#000; font-family: Arial; font-size:8pt; text-align:center;display:none;}
.caly .sel  {background-color: #FFF; color:#111; font-weight:bold; cursor:pointer;}
.caly td    {color:#000;}

.cal        {background-color: #EEE; color:#000; font-family: Arial; font-size:8pt; text-align:center;}
.cal .sel   {background-color: #FFF; color:#111; font-weight:bold; cursor:pointer;}

#cal        {display:none;}

img.but {
	border:0px;
	padding:0px;
	margin:0px;
	border:none;
	width:16px;
	height:16px;
	cursor:pointer;
}

img.but_cal {
	border:0px;
	padding:0px;
	margin:0px;
	border:none;
	width:16px;
	height:14px;
	cursor:pointer;
}

.txtbleu {color:#61baca;}
.txtbleu a{color:#61baca;}


/*-----------------------------------page opti----------------------------------------------------------*/
.tree2 {
	padding: 0 0 0 15px;
}
.treeview {
	font-weight:bold;
}

/***********************************page recherche********************************************** */
.remisezero{
	margin-top:33px;
	float:left;
}

/****************************************Divers*****************************************************/

.border {
	border:4px;
	border-style:solid;
	border-color:#CCCCCC;
}


.btn_230_vide {
	background:url(../images/templates/btn_230_vide.jpg) no-repeat;
	width:230px;
	height:28px;
	display:block;
	font-size:11px;
	font-weight:bold;
	color:#000000;
	line-height:24px;
	text-align:center;
}

/*********************************** page newsletter********************************************** */
select.multiple{
	width:200px;
	height:200px;
}

#selectArt {
	display:inline;
}

.pointer {
	cursor:pointer;
}

.btn_image {
	cursor:pointer;
	margin-left:15px;
	margin-right:15px;
	display:inline;
	border:0px;
}

.leftBis {
	float:left;
	padding-left:10px;
}

/*
.calendarFlotant {

}

#calendarFlotant {
   left:50%;
   top:50%;
   margin-left:-150px;
   margin-top:-100px;
   position: fixed;
   width:300px;
   height:200px;
   z-index:101;
}
* html #calendarFlotant {position:absolute;}
*/

/*style pour le tableau des tranche horaire*/
.float_left {
	float:left;
	padding-left:5px;
	text-align:left;
}

.float_right {
	float:right;
	padding-right:5px;
	text-align:right;
}

.float_right, .float_left {
	color:#3E7794;
	font-weight:bold;
	font-size:13px;
	width:25%;
}

.float_middle {
	float:left;
	color:#3E7794;
	font-weight:bold;
	font-size:13px;
	width:32%;
	text-align:center;
}

.tranche_off, .tranche_on, .tranche_libre , .tranche_libre_barre{
	width:20px;
	height:14px;
}

.tranche_off {
	background-color:#FF0033;
}

.tranche_on {
	background-color:#0000CC;
	cursor:pointer;
}

.tranche_libre {
	background-color:#66CC33;
	cursor:pointer;
}

.vert_libre {
	color:#66CC33;
	font-weight:bold;
}

.tranche_libre_barre {
	background:url(../images/templates/barre.gif) repeat #66CC33;
}

.tabentier{
	width:1000px;
	float:left;
	margin-left:5%;
	font-size:12px;
	line-height:24px;
}
.tabentier select{
	margin-top:2px;
	height:20px;
	margin-bottom:2px;
}
.case1{
	width:201px;
	float:left;
	padding-left:5px;
	border-right:1px solid #D9DADC;
	border-left:1px solid black;
}
.case2{
	width:195px;
	float:left;
	padding-left:5px;
	border-right:1px solid #D9DADC;
}
.case3{
	width:65px;
	padding-left:5px;
	float:left;	
	border-right:1px solid black;
	text-align:center;
	padding-top:2px;
	height:22px;
}
.case4{
	width:16px;
	float:left;
	border:0px none;
}
.titrecase{
	font-weight:bold;
	text-align:center;
}
.titrecaseborder{
	border-top:1px solid black;
	float:left;
}
.titrecaseborder2{
	border-top:1px solid black;
	float:left;
	width:480px;
	text-align:right;
}
.navnews{
	text-align:center;
}
.retour{
	float: right;
}
.cadrefiltre{
	border:1px solid black;
	padding:10px;
	width:300px;
	float:left;
	margin-left:15%;
}
.cadrefiltre img{
	border:0px;
}

.td_promos_1{
	background-color:#E4E6EA;
}
.td_promos_1:hover, .td_promos_2:hover{
	background-color:rgb(200,200,200);
}

.td_mots_1, .td_mots_2{
	text-align:left;
}



.td_mots_1{
	width:60%;
}
.td_mots_titre{
	width:60%;
	background-image:url(../images/templates/th.jpg);
	background-repeat:repeat-x;
	color:#000000;
	height:24px;
	text-align:center;
}
.td_mots_2{
	width:60%;
}
 
.td_clic_1, .td_clic_2, .td_pos_1, .td_pos_2, .td_nb_com_1, .td_nb_com_2, .td_val_1, .td_val_2, .td_conv_1, .td_conv_2{
	text-align:right; 
}

.td_clic_titre, .td_nb_com_titre, .td_val_titre, .td_conv_titre{
	text-align:right; 
}

.td_clic_1{
	width:8%;
	
}
.td_clic_titre{
	width:8%;
	background-image:url(../images/templates/th.jpg);
	background-repeat:repeat-x;
	color:#000000;
	height:24px;
	
}
.td_clic_2{
	width:10%;
}
.td_pos_1{
	width:8%;
}
.td_nb_com_1{
	width:8%;
 }
 .td_nb_com_titre{
	width:8%;
	background-image:url(../images/templates/th.jpg);
	background-repeat:repeat-x;
	color:#000000;
	height:24px;
 }
.td_nb_com_2{
	width:10%;
}
.td_val_1{
	width:8%;
}
.td_val_titre{
	width:8%;
	background-image:url(../images/templates/th.jpg);
	background-repeat:repeat-x;
	color:#000000;
	height:24px;
}
.td_val_2{
	width:10%;
}
.td_conv_1{
	width:8%;
}
.td_conv_titre{
	width:8%;
	background-image:url(../images/templates/th.jpg);
	background-repeat:repeat-x;
	color:#000000;
	height:24px;
}
.td_conv_2{
	width:10%;
}

.td_date_2{
	text-align:center;
	width:10%;
}

.td_date_1{
	text-align:center;
	width:8%;
}
.td_titre{
	background-image:url(../images/templates/th.jpg);
	background-repeat:repeat-x;
	text-align:center;
	color:#000000;
	height:24px;
}

.total_1{
	font-weight:bold;
	background-color:#E4E6EA;
}

.total_2{
	font-weight:bold;
}

.plus_moins{
	text-align:center;
	font-size:20px;
	background-color:#CCCCCC;
}

.retour_img{
	margin-left:90%;;
}

.lien_csv{
	font-weight:bold;
	text-align:right;
	margin-right:5px;
}

.erreur_catalogue{
text-align:center;
font-size:16px;
color:#FF0000;
font-weight:bold;
}


#curseur{
	position: absolute;	
	visibility : hidden;
	border: 3px solid Black;
	padding: 10px;
	font-family: Verdana, Arial;
	font-size: 10px;
	background-color: #FFF;
	text-align:left;
	left: 50%; 
	width: 700px;
	margin-left: -350px; /* moiti? de la largeur */
	margin-top:20px;
}

.code_barre{
	float:right;
}

.case_nom_champ{
	width:30%;
	vertical-align:top; 
}

.listing_article{
	width:20%;
	border:1px solid #DDDDDD;
	margin:1%;
	padding-left:10px;
	padding-bottom:10px;
	float: left;
}

.listing_formulaire{
	width:76%;
	border:1px solid #DDDDDD;
	margin:1%;
	margin-left:23%;
	padding-bottom:20px;
	
}

.bas_align{
	width:100%;
	position: relative;
	clear: left ;
}

.champ{
	width:100%;
	border:1px;
	align:right;
}

.arbo_ac_puce{
	list-style-image: url("../images/templates/arbo_puce.jpg");
}

.menu_onglet{
	width:100%;
	margin:1%;
	margin-left:0%;
}

select.multiple_plus{height:200px;}

/*rajout gab*/
.tab_admin{
	border:1px solid #000000;
	width:100%;	
}
.tab_admin tr {
    height: 24px;
    vertical-align: middle;
}
.tab_admin td {
    padding-left: 5px;
    padding-right: 5px;
}

.tab_users3 {
border:1px solid #000000;
float:left;
margin-left:25px;
width:47%;
}
.tab_users3 th{font-weight:normal;padding-left:5px;border-right:solid 1px #d9dadc;}
.tab_users3 tr{height:24px;vertical-align:middle;}
.tab_users3 td{border-right:solid 1px #d9dadc;padding-left:5px; padding-right:5px;}
/*fin rajout*/


#clickTable {
	margin:1px 10px;
}
#clickTable td {
	vertical-align:top;
}
.float-right {
	padding:10px 10px 0 0;
	float:right;
	text-align:right;
}
#cleaner {
	color:#fff;
	background-color:#55b;
}
#alphaSelector {
	position:relative;
	bottom:1px;
}
#formHeatmap {
	margin:1px;
}
#pngDiv {
	position:absolute;
	text-align:center;
	line-height:0;
	margin:0;
	padding:0;
	z-index:99;
}
#overflowDiv {
	position:absolute;
	margin:0;
	padding:0;
	overflow-y:auto;
	background-color:#fff;
}
#overflowDiv p {
	padding:0;
	margin:0;
}
#webPageFrame {
	z-index:1;
}
#layoutDiv {
	padding:2px;
	margin:0 5px;
	border:1px dashed #446;
	background-color:#ddf;
	display:none;
}
#clickheat-box th {
	font-weight:normal;
}
#clickheat-box table {
	margin-left:auto;
	margin-right:auto;
}
#clickheat-box {
	margin-left:auto;
	margin-right:auto;
	border:1px solid #aaf;
	width:800px;
	padding:15px;
	margin-top:20px;
	clear:right;
}
#clickheat-box .center {
	text-align:center;
}
#clickheat-box th {
	font-weight:bold;
	font-size:1em;
	padding:10px 0 0 10px;
	color:#55d;
	border-bottom: 1px solid #aaf;
}
.error {
	font-weight:bold;
	color:#e5350c;
}
.clickheat-calendar {
	border-left:1px solid #bbf;
	border-top:1px solid #bbf;
}
.clickheat-calendar th, .clickheat-calendar td {
	text-align:center;
	border-right:1px solid #bbf;
	border-bottom:1px solid #bbf;
	padding:0 2px;
}
.clickheat-calendar td {
	color:#aaa;
}
.clickheat-calendar a {
	text-decoration:none;
	color:#009;
}
.clickheat-calendar-on {
	background-color:#bbf;
}
span.layout-left-fixed, span.layout-left-liquid, span.layout-left-empty {
	border:1px solid #888;
	padding:1px;
	line-height:1.5em;
}
div.layout-left-fixed, div.layout-left-liquid, div.layout-left-empty {
	width:70px;
	border:1px solid #888;
}
.layout-left-fixed, .layout-center-fixed, .layout-right-fixed {
	background-color:#66a;
}
.layout-left-liquid, .layout-center-liquid, .layout-right-liquid {
	background-color:#aaf;
}
.layout-left-empty, .layout-right-empty {
	background-color:#fff;
}
.layout-center-fixed, .layout-center-liquid {
	width:55px;
	margin-left:15px;
}
.layout-right-fixed, .layout-right-liquid, .layout-right-empty {
	width:15px;
	height:70px;
	margin-left:40px;
}
#clickheat-js {
	border:1px solid #66a;
	background-color:#fff;
	padding:5px;
	margin:5px;
}
#divPanel {
	margin:0;
	padding-left:5px;
	border-bottom:1px solid #66a;
	background-color:#eef;
	cursor:pointer;
	color:#66a;
}

li.folder{margin-left:20px;list-style-image: url('/admin/images/templates/plus.gif');}
li.file{margin-left:10px;color:#5F718A;}
li.folderOpen{margin-left:20px;list-style-image: url('/admin/images/templates/moins.gif');}
li.folder2{margin-left:30px;list-style-image: url('/admin/images/templates/plus.gif');}
li.file2{margin-left:20px;color:#5F718A;}
li.folder2Open{margin-left:30px;list-style-image: url('/admin/images/templates/moins.gif');}
li.folder3{margin-left:40px;list-style-image: url('/admin/images/templates/plus.gif');}
li.file3{margin-left:30px;color:#5F718A;}
li.folder3Open{margin-left:40px;list-style-image: url('/admin/images/templates/moins.gif');}
li.folder4{margin-left:50px;list-style-image: url('/admin/images/templates/plus.gif');}
li.file4{margin-left:40px;color:#5F718A;}
li.folder4Open{margin-left:50px;list-style-image: url('/admin/images/templates/moins.gif');}
li.folder5{margin-left:60px;list-style-image: url('/admin/images/templates/plus.gif');}
li.file5{margin-left:50px;color:#5F718A;}
li.folder5Open{margin-left:60px;list-style-image: url('/admin/images/templates/moins.gif');}


#carrouselImage {display:none;}
#carrouselArticles {display:none;}

#lastCommandeDebut, #lastCommandeFin {font-size:11px;}

.explicationadmin{float:left; margin-left:20px; margin-top:10px;}

.entonnoir{width:500px; height:90px; border:1px solid #9A9E9D; margin:auto; margin-top:0px;}
	.titre_entonnoir{font-size:20px; font-style:italic; text-align:center; padding-top:5px;}
	.nombre_entonnoir{font-size:18px; text-align:center; padding-top:2px; color:#9A9E9D;}
	.graph_entonnoir{height:20px; margin:auto; background-color:#3CA622; margin-top:5px;}
	.fleche_entonnoir{height:30px; width:30px; background:url('/admin/images/templates/icone_entonnoir.jpg'); margin:auto; margin-top:3px; margin-bottom:3px;}

	
/* Espace pro */	
	
.btn_retour_pro{margin-left:20px;}	
.infobulle {
  		position : absolute;
		display:none;
		left:345px;
		margin-top:-100px;
		z-index:1000;
		border:2px solid #AAC4C1;
		background-color:#FFF;
	}
.btn_retour_pro:hover{cursor:pointer;}

.tab_panier_pros{width:100%; border:1px solid #000;}
.tab_panier_pros td{padding:5px 5px 5px 5px;}
	.contenu_boutons_gauche{margin-left:30px; float:left;}	
		.contenu_boutons_gauche a {margin-top:10px;}
	.contenu_boutons_droite{margin-right:30px; float:right;}


.pros_plus_moins{width:22px;}	
.pros_qte{width:30px; text-align:right;}
		.contenu_boutons_droite a {margin-top:10px;}
		
.tab_verif_adresse{margin:auto; margin-top:20px;}	

.totaux{font-weight:bold;}	
	.tab_verif_adresse td{width:200px;}
	
.titrepanneaupros{height:52px;width:980px; background:url(../images/templates/panneaupros_titre.jpg) center no-repeat; text-align:right; color:#FFF; padding-top:2px; margin:auto;}	
	.encarts_header_pros{float:right; height:62px; margin-top:47px;}
.toppros{width:100%;height:108px; background:url('../images/templates/fond_espacepros.jpg') repeat-x;}	

.bloc_pros_deco{width:150px; height:54px; margin-right:40px; float:right; }
.bloc_pros_histo{width:150px; height:54px; margin-right:40px; float:right; }
.bloc_pros_panier{width:99px; height:54px; margin-right:30px; float:right; }

/* Preparation commandes par codes barres */
.ligne_valide{ background-color:#6C3}
.ligne_non_valide{ background-color:#F99;}
.ligne_presque_valide{ background-color:#FCC;}
#bondeprep{ color:#C00; font-size:20px;}
.bondeprep_invis{display:none;}
.bondeprep_vis{display:block;}
/* FIN Preparation commandes par codes barres */

.list_notice{list-style-type: circle; margin-left:15px;}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }

.import_ascenseur{width:1442px;height:400px;overflow:auto;}
	.import_ascenseur table tr th{text-align:center;}
	.import_ascenseur table tr td{text-align:center;}
	
.span_lien{cursor:pointer;}
	.span_lien:hover{text-decoration:underline;}
	
/****************************************Schema des couts*****************************************************/
.tabschema {border: 1px solid black;}

#contenu .ui-button{background:#0078AE; font-size:13px; padding:8px 15px; border-radius:0!important}
#contenu .ui-button:hover{background:#01adee;color:#ffffff}
#contenu .ui-button-text-icon-primary .ui-button-text,#contenu  .ui-button-text-icons .ui-button-text {padding: 0 1em 0 2.1em;}
#contenu  .recherche a.btn_rechercher{background: #e02222  url('../images/templates/ico_search_w.png') no-repeat 10px 50%;color: #ffffff;padding: 10px 10px 10px 30px;border:none; margin-bottom:10px}
#contenu .recherche a.btn_rechercher .ui-button-icon-primary{display:none}
#contenu  .recherche a.btn_rechercher:hover{background-color:#d84a38}
#contenu .ui-state-default, #contenu .ui-widget-content .ui-state-default,#contenu  .ui-widget-header .ui-state-default{background:#0078ae  ; border-radius:0}
#contenu .ui-state-active,#contenu  .ui-widget-content .ui-state-active,#contenu  .ui-widget-header .ui-state-active{background:#6eac2c ; border-radius:0}

#contenu .ui-accordion .ui-accordion-header a{font-size:15px}
#contenu .ui-accordion-content + .ui-accordion-header {margin-top:15px}

.table_ajout_frns textarea {width: 198px;}
.lien_test{text-decoration:underline; color:#0078ae; font:12px "Gotham-Medium"}
.param_ouvert h3{padding-top:8px; padding-bottom:8px; font-size:15px; line-height:normal; height:auto!important; color:#ffffff!important}

a.btn_users_histo {background-color: #ecbc29!important;color: #ffffff;display: inline-block;padding: 10px;border-color:#ecbc29!important}
	a.btn_users_histo span {color: #ffffff;display: inline-block;vertical-align: text-top;}
	a.btn_users_histo:hover {background-color: #e2b014!important}
	input#suppr {vertical-align: super;}
	
	.tab_users.table_stat_rouge td a {color: #dc3912;text-decoration: underline;}
	#contenu .tb_cnx.admin_cnx input.btn_cnx {margin-left:0;width:100%; background-color:#18BFD6!important; border-radius:5px!important; padding:10px 15px; font:28px "Gotham-Medium"}
	#topdecklink .erreur {padding: 10px 0;}
	
	/***********RO INTEGRE***************/
	*, *::before, *::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	img {max-width: 100%;}





.conteneur_header {width: 85%;margin: auto;position: relative;padding: 15px 10px;max-width:1024px}
.conteneur_bouton {margin:30px -15px 0 -15px;}

	.conteneur_bouton::after {content: "";display: block;clear: both;}
		.conteneur_bouton > div {float: left;width: 33.3333%;padding: 0 15px;}
			.conteneur_bouton > div > a {display: block;max-width: 192px;margin: auto;text-align: center;background-color: #0071bc;color: #ffffff;text-transform: uppercase;border-radius: 3px;padding: 5px 15px;font: 19px "CenturyGothic-Bold";}
				.conteneur_bouton > div:first-child > a {margin-left: 0;}
				.conteneur_bouton > div:last-child > a {margin-right: 0;}
			.conteneur_bouton > div > a:hover{background-color:#008f97}
			.conteneur_bouton > div > a span{display:inline-block; padding:5px 0 5px 25px}
			.conteneur_bouton span.btn_home{background:url('../images/templates/ico_home.png') no-repeat center left}
			.conteneur_bouton span.btn_setting{background:url('../images/templates/ico_setting.png') no-repeat center left}
			.conteneur_bouton span.btn_loggout{background:url('../images/templates/ico_loggout.png') no-repeat center left}

		/********ACCUEIL*******/
		.content_a {position: relative;background-color:rgba(102,102,102,0.5);border-radius: 10px;margin-bottom:25px}
		.content_a .absolute{position:absolute; width:100%; height:100%; z-index:99; left:0; top:0;border-radius: 10px;}	
		.content_a a{ display:table;font: 42px "CenturyGothic-Bold";color:#ffffff; text-align:center; width:100%; height:100%; text-transform:uppercase; background-color:rgba(0,0,0,0);transition: all ease 0.7s;-moz-transition: all ease 0.7s;-webkit-transition: all ease 0.7s;-ms-transition: all ease 0.7s;-o-transition: all ease 0.7s;border-radius: 10px;text-decoration:none!important}
		.content_a  img{border-radius: 10px;}
		.content_a a:hover{transition: all ease 0.7s;-moz-transition: all ease 0.7s;-webkit-transition: all ease 0.7s;-ms-transition: all ease 0.7s;-o-transition: all ease 0.7s; background-color:rgba(0,113,188,0.65)}
		.content_a strong {display: table-cell;vertical-align: middle;height: 100%;width: 100%;}
			.content_a span{display:block; font:14px "Gotham-Medium"; text-decoration:underline; text-transform:none; margin-top:5px}
			.bloc_lien_a:nth-child(n+4) img {opacity: 0;}/********a effacer************/
	.bloc_lien_a:first-child {margin-top: 20px;}

		/********PALLETTE PAGE*******/
		.opacity_hover:hover{
	filter:brightness(110%);
	-moz-filter:brightness(110%);
	-webkit-filter:brightness(110%);
	-ms-filter:brightness(110%);
	-o-filter:brightness(110%);
	}
		.left_form {float: left;color:#000000}
			.formbox_s {max-width: 200px;margin-bottom: 20px;}
				.form_lib {font: 14px "Gotham-Book";margin-bottom: 6px;display: block;font-weight: bold;}	
				.a .scan_input {height: 38px !important;border-radius: 3px;background-color: #ededed;width: 100%;font:16px "Gotham-Medium"; color:#000000}
				.a .scan_input.validForm{border:2px solid #39b54a}
				div.validForm {color: #39b54a;padding:10px 0 10px 20px;font: 14px "CenturyGothic-Bold";background:url('../images/templates/ico_ok_vert.png') no-repeat center left}
				
		.center_form {width: 90%;color:#000000; font-size:14px}
		.right_form {float: right;width: 50%;color:#000000; font-size:14px}
			.caract_scan strong{font-family:"Gotham-Medium"; font-weight:normal} 
			.content_f_scan {padding: 15px;border: 3px solid #808080;}
			.caract_bit {margin: 5px 0;}
				.lib_s {min-width: 95px;display: inline-block;}
				.titre_o_scan{font:16px "Gotham-Medium"; padding-bottom:2px; display:block}
				
		.alerte_message_scan strong {display: inline-block;font: 14px "Gotham-Medium";padding: 10px 0 10px 30px;background: url('../images/templates/alerte.png') no-repeat center left;}
		
			.scan_btn {padding: 5px 15px;display: inline-block;color: #fff;font: 14px "CenturyGothic-Bold";text-transform: uppercase;background-color: #39b54a;border-radius: 3px;}
			.scan_btn span {display: inline-block;padding: 3px 0 3px 19px;background: url('../images/templates/ico_ok.png') no-repeat center left;}
			.scan_btn.btn-annuler{background-color:#e5350c}
				.scan_btn.btn-annuler span{background-image: url('../images/templates/ico_cancel.png')}
			.scan_btn.btn-valider{margin-left:5px}
	
	.liste_scan table {margin: 25px 0 10px 0;border: none;border-collapse:inherit}
		.head_s th {padding: 15px;text-align: center;color: #ffffff;background-color: #606060;font: 13px 'Gotham-Medium';border-left: 1px solid rgba(122 , 122 , 122, 0.5);border-right: 1px solid rgba(242 , 242 , 242, 0.5);}
		.head_s th:first-child,.palette_bit td:first-child {border-left:none}
		.palette_bit td {padding: 15px;text-align: center;background-color: #f2f2f2;font: 14px 'Gotham-Book';border-left: 1px solid rgba(122 , 122 , 122, 0.5);border-right: 1px solid rgba(242 , 242 , 242, 0.5);border-bottom: 2px solid #ffffff;}
		.palette_bit:nth-child(odd) td{background-color:rgba(96,96,96,0.14)}
		.bloc_declaration {position: fixed;bottom: 0;width: 100%;background-color: #ffffff;left: 0;text-align: center;padding: 7px 20px;-webkit-box-shadow: 0px -2px 8px 0px rgba(94,94,94,0.5);
-moz-box-shadow: 0px -2px 8px 0px rgba(94,94,94,0.5);
box-shadow: 0px -2px 8px 0px rgba(94,94,94,0.5);}

	.titre_haut_p {margin-top: -21px;font: 24px "CenturyGothic-Bold";text-transform: uppercase;color: #18BFD6;}
.admin_bl{width: 85%;margin:30px auto;position: relative;padding: 15px 10px;max-width:1024px}
	.tb_cnx.admin_cnx {margin: auto;padding: 10px 0;border-collapse: inherit;border-color:#18BFD6}
.tb_cnx.admin_cnx tr td{padding:8px 15px}
.unlogged_content .admin_bl .tb_cnx.admin_cnx input[type="text"]{}
.unlogged_content .admin_bl .tb_cnx.admin_cnx .txt_cnx{height:45px; width:100%;border-radius: 5px;border: none;box-shadow: -1px 0px 6px 0px rgba(82,83,101,0.86);-webkit-box-shadow: -1px 0px 6px 0px rgba(82,83,101,0.86);-ms-box-shadow: -1px 0px 6px 0px rgba(82,83,101,0.86);-o-box-shadow: -1px 0px 6px 0px rgba(82,83,101,0.86);}
.admin_bl .tb_cnx{font:16px "Gotham-Medium"}

@media only screen and (max-width: 1024px){
	.blocdetail{padding-left:10px; padding-right:10px}
	.bloc_lien_a:first-child {margin-top: 10px;}
}
@media only screen and (max-width: 640px){
	.conteneur_header {width: 95%;}
	.content_page{width: 95%;}
	.conteneur_bouton > div{padding:0 5px}
	.conteneur_bouton > div > a{font-size:12px; padding:5px 3px}
	.content_a a{font-size:19px;}
		.content_a span{font-size:13px;}
		.titre_haut_p{margin-top:20px; margin-bottom:-20px; font-size:22px; }
		#bandeauAdmin{height:auto}
		/*.right_form{width:100%}*/
		.head_s th, .palette_bit td{padding:15px 0; font-size:11px}
		#contentMiddle{padding:0}
		button.btn-valider{font-size:16px}
		.scan_btn{font-size:12px}
		.alerte_message_scan strong{font-size:12px}
		
		.blocdetail{padding:0;}
		.admin_bl{width:100%;}
			
			.tb_cnx.admin_cnx{width: 100%;}
}

@media only screen and (max-width: 380px){
.conteneur_bouton > div > a	{font-size:10px;}
.blocdetail .contenudetail{margin:0}
.content_a a{font-size:16px;}
		.content_a span{font-size:12px;margin-top:0}
		.titre_haut_p{font-size:20px}
			.head_s th, .palette_bit td{font-size:9px}
			button.btn-valider{font-size:14px}
			.scan_btn{font-size:11px}
}
.header_body {background: #fff;padding: 15px 15px 10px 15px;position:relative}

	
	.connect_user {float: right;text-align: right;width: 55%;padding-left:10px}
	.connect_user2 {float: right;text-align: right;padding-left:10px;}
		span.menu_langue {position: absolute;right: 15px;top: 5px;z-index: 99;}

.page_index .header_body{border-bottom-color:#fff; padding-top:15px}

/**********PAGE SDRVICE**************/
.logo2 a{vertical-align:middle; display:inline-block}
.bloc_sce {padding: 0 7px;background: #fff;}
	.bloc_sce::after {content: "";display: block;clear: both;}
	.service-bit {float: left;width: 50%;padding:0 8px 16px 8px;text-align:center}
	span.slogan {display: inline-block;vertical-align: middle;font: 13.5px "Gotham-Medium";color: #f76b34;margin-top: -9px;padding-left: 5px;}
	.content_service {position: relative;z-index: 1;border-radius:3px}
				.texte_perso_auto {color: #ffffff;font: 12px "Gotham-Medium";height: 99.2%;position: absolute;text-align: center;top: 0;width: 100%;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;background-color:rgba(26,26,26,0.4);border-radius:5px ;left:0}
				.table_display {display: table;height: 100%;width: 100%;}
				.table_cell {display: table-cell;vertical-align:middle; padding:10px 9px}
				.num_bon_cmd{font:12px "Gotham-Medium"; display:block; color:#333333; text-align:center; margin-bottom:7px; padding:8px 10px; background-color:#fff;    height: 31px!important;
    border: 1px solid #fff!important;width:100%}
	.num_bon_cmd:focus{outline:none; border: 1px solid #f76b34!important}
		.num_bon_cmd::-webkit-input-placeholder { /* Chrome/Opera/Safari */
			  color: #333333;
			  opacity:1; 
			}
			.num_bon_cmd::-moz-placeholder { /* Firefox 19+ */
			  color: #333333;
			   opacity:1;
			}
			.num_bon_cmd:-ms-input-placeholder { /* IE 10+ */
			  color:  #333333;
			   opacity:1;
			}
			.num_bon_cmd:-moz-placeholder { /* Firefox 18- */
			  color:  #333333;
			   opacity:1;
			}
			.service-bit h3 {font: 23px "CenturyGothic-Bold";text-transform: uppercase;margin:0; padding-bottom:12px}
			.texte_perso_auto:hover {background:rgba(26, 26, 26,0.3);transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s; }
				.btn-i {display: inline-block;background-color: #f76b34;padding: 5px 8px;color: #fff;border-radius:3px}
				.btn-i strong{font: 10px "Gotham-Bold";}
				.btn-i:hover{background:#ea5628}
				.btn-i.btn-icon-al{padding-left:14px}
					.btn-i.btn-icon-al strong{display:inline-block; padding:5px 0 5px 10px; background: url("../images/templates/ico_arrowl.png")no-repeat center left}
				.btn-i.btn-icon-bc{display:block;padding-left:5px; padding-right:5px;margin-bottom: 41px; }
					.btn-i.btn-icon-bc strong{display:inline-block; padding:5px 0 5px 20px; background: url("../images/templates/ico_down.png")no-repeat center left}
					.btn-i.btn-icon-front{margin-right:12px; min-width:45%}
						.btn-i.btn-icon-front  strong{display:inline-block; padding:5px 0 5px 18px; background: url("../images/templates/ico_basket.png")no-repeat center left;}
					
					.btn-i.btn-icon-back { min-width:45%}
						.btn-i.btn-icon-back  strong{display:inline-block; padding:5px 0 5px 20px; background: url("../images/templates/ico_BO.png")no-repeat center left;}
				a.lien_deconnex {color: #fc6124;display: inline-block;font: 13px "Gotham-Medium";text-decoration: underline;background: url("../images/templates/ico_user.png") no-repeat center left;padding: 4px 0 4px 20px;margin-top: 8px;}
				a.lien_deconnex:hover, a.lien_deconnex:focus{text-decoration:none}
				
@media only screen and (max-width: 450px){
	.service-bit{padding-left:5px; padding-right:5px ; padding-bottom:10px}
.logo2 img {max-width: 100px;}	
span.slogan{font-size:11px}
.connect_user2 {max-width: 117px;overflow: hidden;text-overflow: ellipsis;-webkit-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;-webkit-white-space: nowrap}
a.lien_deconnex{font-size:11px;margin-top: 0px;}
.service-bit h3{font-size:18px;padding-bottom:6px}
.num_bon_cmd{font-size:10px; padding-left:3px; padding-right:3px}
.btn-i {padding-bottom:2px; padding-top:2px}
.btn-i strong{font-size:9px}
.hidden_m_4{display:none}
.btn-i.btn-icon-bc {margin-bottom:5px; text-align:center}
.btn-i.btn-icon-bc strong{background-size: 10px;padding-left:12px}

.table_cell{padding-left:5px; padding-right:5px}
.btn-i.btn-icon-front {margin-right: 2px;min-width: 40%;padding-right: 5px;padding-left: 2px;}
	.btn-i.btn-icon-back { min-width:40%}
	span.menu_langue {top:3px}
}
@media only screen and (max-width: 340px){
.connect_user2 {max-width: 100px;}	
}
/**********PAGE MODULE**************/
.menu_page {background: #fff;padding:0 10px 8px 10px;}
.menu_page::after {content: "";display: block;clear: both;}
	.menu_bit {float: left;width: 33.3333%;padding:0 5px;}
	/*	.btn_menu {background: #17d2e0;color: #fff;display: block;text-align: center;font: 13px "CenturyGothic-Bold";text-transform: uppercase;padding: 5px 10px;border-radius: 3px;}
		.btn_menu:hover{background-color:#18bfd6}
		.btn_menu span{display:inline-block; padding-top:3px; padding-bottom:3px}
		.btn-param{ background: url("../images/templates/ico_param.png")no-repeat center left;padding-left:20px}
		.btn-home{ background: url("../images/templates/ico_home.png")no-repeat center left;padding-left:20px}
		.btn-deconnex{ background: url("../images/templates/ico_deconnex.png")no-repeat center left;padding-left:20px}*/
			.texte_perso_c {color: #ffffff;font: 23px "CenturyGothic-Bold";height:100%;position: absolute;text-align: center;top: 0;width: 100%;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;background-color:rgba(26,26,26,0.4);border-radius:5px; display:block; left:0}
			.texte_perso_c:hover {background:rgba(23, 210, 224,0.3);transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s; }
			.lien_categ h3{color: #ffffff;font: 23px "CenturyGothic-Bold";text-transform:uppercase}	
			.lien_categ{position:relative; z-index:1; display:block; }
			.categ_bloc{background:none;padding: 0 15px; text-align:center}
			.categ-bit{padding:8px 0}
		.categ-bit	.table_cell{padding:0}
.sousmenu_bit{display:none;}
@media only screen and (max-width: 450px){
	.lien_categ h3{font-size:18px}
	.menu_page {padding: 0 5px 8px 5px}
	.categ_bloc{padding:0 10px 20px 10px}
	.header_body{padding-left:10px; padding-right:10px}
	}
@media only screen and (max-width: 380px){
	.lien_categ h3{font-size:16px}
	.btn-deconnex {padding-left: 14px;background-size: 12px;}
	
	.categ-bit{padding:5px 0}
	.sousmenu_bit a {font-size: 12px;}
}
.big_wrapper{background:#fff;max-width: 980px;margin:auto;padding-bottom: 15px;}
.max_980{max-width:980px; margin:auto}
.page_content .navigation{display:none}




/***************ADDDEV**********/
	
.big-wrapper{background:#ffffff;}
.bg-blanc{background-color:#ffffff;}
.index-dash {background: rgba(212,212,214,1);
background: -moz-linear-gradient(top, rgba(212,212,214,1) 0%, rgba(204,203,208,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212,212,214,1)), color-stop(100%, rgba(204,203,208,1)));
background: -webkit-linear-gradient(top, rgba(212,212,214,1) 0%, rgba(204,203,208,1) 100%);
background: -o-linear-gradient(top, rgba(212,212,214,1) 0%, rgba(204,203,208,1) 100%);
background: -ms-linear-gradient(top, rgba(212,212,214,1) 0%, rgba(204,203,208,1) 100%);
background: linear-gradient(to bottom, rgba(212,212,214,1) 0%, rgba(204,203,208,1) 100%);padding:10px }
select{-webkit-appearance:none; -moz-appearance:none;appearance:none;-ms-appearance:none;-o-appearance:none;cursor:pointer}
.number-input input[type="number"] {-webkit-appearance: textfield;-moz-appearance: textfield;appearance: textfield;}
.number-input input[type=number]::-webkit-inner-spin-button,
.number-input input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.number-input button {
  -webkit-appearance: none;
  background-color: transparent; 
  border: none;
  align-items: center;
  justify-content: center; 
  cursor: pointer;
  margin: 0;
  position: relative;
}

.number-input button:before,
.number-input button:after {
  display: inline-block;
  position: absolute;
  content: '';
  height: 2px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.number-input button.plus:after {
  transform: translate(-50%, -50%) rotate(90deg);
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  -ms-transform: translate(-50%, -50%) rotate(90deg);
  -o-transform: translate(-50%, -50%) rotate(90deg);alignment-baseline:
}

.number-input input[type=number] {
  text-align: center;
}

.number-input.number-input {
  border: 1px solid #ced4da;
  width: 10rem;
  border-radius: .25rem;-webkit-border-radius: .25rem;-ms-border-radius: .25rem;
}

.number-input.number-input button {
  width: 2.6rem;
  height: .7rem;
}

.number-input.number-input button.minus {
  padding-left: 10px;
}

.number-input.number-input button:before,
.number-input.number-input button:after {
  width: .7rem;
  background-color: #495057;
}

.number-input.number-input input[type=number] {
  max-width: 4rem;
  padding: .5rem;
  border: 1px solid #ced4da;
  border-width: 0 1px;
  font-size: 1rem;
  height: 2rem;
  color: #495057;
}

@media not all and (min-resolution:.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color:transparent) {

    .number-input.def-number-input.safari_only button:before,
    .number-input.def-number-input.safari_only button:after {
      margin-top: -.3rem;
    }
  }
}
/**remove select apparence IE****/
select::-ms-expand {display: none;}
html {height: 100%;}
.opacity-hover:hover{
	filter:brightness(110%);
	-moz-filter:brightness(110%);
	-webkit-filter:brightness(110%);
	-ms-filter:brightness(110%);
	-o-filter:brightness(110%);
	}
.color-vert{color:#8dc63f!important} 
.color-white{color:#ffffff!important}
.color-rouge{color:#FF5757!important}
.color-rose{color:#db1460!important}
.color-dore{color:#b78741!important}
.color-bleu{color:#044f9d!important}
.color-blue-light{color:#01A8DD!important}
.bg-white{background:#ffffff!important}
.no-bg{background:none!important}
.bg-grey{background:#d1d3d4!important}
.bg-grey-light{background:#e6e7e8!important}
.menu-mob-overlay{background:rgba(26,26,26,0.5);height:100%;left:0;position:fixed;top:0;width:100%;z-index:99; display:none}
.menu-overlay{background:rgba(0,0,0,0.5);height:100%;left:0;position:fixed;top:0;width:100%;z-index:99; display:none}
.line-through{text-decoration:line-through}
	.visible-980{display:none}
	.visible-992{display:none}	
.clear-float::after{content:""; display:block; clear:both}
.pi-uppercase{text-transform:uppercase}
/********inout design********/
		.input-abs {position: absolute;z-index: 1;width: 100%;left: 0;top: 0;height: 100%;cursor: pointer;opacity: 0;}
		.input-rel {position:relative; z-index:1; margin:0 5px 10px 0}
		.input-abs + span{display:inline-block; background:url("../images/radio-off.png") no-repeat  left top; padding:4px 0 4px 28px; font:13px "Gotham-Book"; color:#333333}
		.input-abs:checked + span{background-image:url("../images/radio-on.png")}
		
.text-underline {text-decoration: underline;}
.color-blue{color:#1b75bc!important}
.bootstrap-select>.dropdown-menu.show {-webkit-transform: scale(1)!important;transform: scale(1)!important;-ms-transform: scale(1)!important;-o-transform: scale(1)!important;overflow: visible!important;}
.dropdown-item.active, .dropdown-item:active{background:#00aeca !important}
.custom-control-input:checked ~ .custom-control-label::before{    border-color: #00A5C5;background-color: #00A5C5;}
.vertical-middle{vertical-align:middle}

/***=================================
			COMMUN
=================================***/
.big-wrapper {max-width: 640px;margin: auto;background: none;position:relative; padding-bottom:70px; height:100%}
.big-wrapperPC {max-width: 1500px;}
#header{background:#303549; padding:8px 15px; position:relative;z-index: 999;}
#header .btn.btn-grey {background: #e6e6e6;border: 2px solid #999;color: #999;text-align:center; font-size:12px}
	.navigation-site {position: absolute;top: 100%;width: 100%;left: 0;padding:  0;background: #303549;color: #fff;z-index: 999;display: none;border-top: 1px solid #525365;}
	.navigation-site ul{margin-bottom:0}
		.navigation-site li {font-size:13px;}
		
		.navigation-site li >a {padding: 15px 20px 15px 7%;display: block;color: #fff;text-transform: uppercase;font-family: Gotham-Bold; border-top:1px solid #303549;border-bottom:1px solid #303549;}
		.navigation-site li >a:hover{background-color:#525365; border-top-color:#5D5E70; border-bottom-color:#5D5E70; text-decoration:none!important}
			.navigation-site li >a>span {display: block;padding: 5px 0 5px 35px;}	
				span.btn-home {background: url("../images/templates/ico-home.png") no-repeat center left;background-size: 20px;}
				span.btn-param {background: url("../images/templates/ico-setting.png") no-repeat center left;background-size: 20px;}
				span.btn-deconnex {background: url("../images/templates/ico-deconnex.png") no-repeat 2px 50%;background-size: 16px;}
		.sousmenu_bit {display: none; margin-left: 11%;margin-top: 15px;}
		.sousmenu_bit a{color:#fff!important; margin-bottom:5px; display:inline-block;    text-transform: uppercase;padding: 10px 0;font-family: Gotham-Medium;}
	.nav-overlay {position: fixed;z-index: 99;background: rgba(0,0,0,0.5);width: 100%;height: 100%;left: 0;top: 0;display:none}
.footer-fixed {position: fixed;left: 50%;bottom: 0;background: -moz-linear-gradient(left, rgba(212,212,214,1) 0%, rgba(211,210,215,1) 38%, rgba(211,211,211,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(212,212,214,1)), color-stop(38%, rgba(211,210,215,1)), color-stop(100%, rgba(211,211,211,1)));
background: -webkit-linear-gradient(left, rgba(212,212,214,1) 0%, rgba(211,210,215,1) 38%, rgba(211,211,211,1) 100%);
background: -o-linear-gradient(left, rgba(212,212,214,1) 0%, rgba(211,210,215,1) 38%, rgba(211,211,211,1) 100%);
background: -ms-linear-gradient(left, rgba(212,212,214,1) 0%, rgba(211,210,215,1) 38%, rgba(211,211,211,1) 100%);
background: linear-gradient(to right, rgba(212,212,214,1) 0%, rgba(211,210,215,1) 38%, rgba(211,211,211,1) 100%);padding: 10px;font-size: 12px;z-index: 99;width: 100%;max-width:640px; transform:translate(-50%,0);-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-o-transform: translate(-50%, 0)}
	.value-etat {padding: 3px;background: #000;color: #fff;margin-top: 5px;}
	.value-box {padding: 11px 3px;background: #fff;color: #0096CD;font-size: 1rem;border-radius: 5px;font: 20px "Gotham-bold";}
	.btn-success{background: #7ED957!important; border-color: #7ED957!important}
.menu-down img{cursor:pointer}	
.col.col-menu {max-width: 15%;padding: 0 10px;}
	.menu-down {max-width: 66px;margin: auto;}

.has-shadow{box-shadow:  -1px 0px 6px 0px rgba(82,83,101,0.86);-webkit-box-shadow: -1px 0px 6px 0px rgba(82,83,101,0.86);-ms-box-shadow: -1px 0px 6px 0px rgba(82,83,101,0.86);-o-box-shadow:  -1px 0px 6px 0px rgba(82,83,101,0.86);}
/***=================================
			INDEx
=================================***/	
div#contenant {height:  97%}
div#contenu2, .page_content, div#contentMiddle_{height: 100%;} 
.blocdetail.content_gradient.util_content {border: none;}
.div-relative{position:relative;height:  calc(100% - 70px);overflow-x: hidden;}
.value-form{padding:3px; text-align:center;background:#C7D0D8; color:#000;font-size: 0.8rem;font-weight: bold;}
.col-4.text-right.select-transfert{position: absolute;right: 0;top: 21px;z-index: 999;}
	.select-transfert select {width: 100%;height: 35px;font-size:22px;padding: 0px 20px 2px 10px;background: #fff url("../images/templates/select_up.png") no-repeat center right; border-left:none; border-top:none; border-bottom:none; border-right: 5px solid rgba(0,0,0,0);border-radius: 7px;}
/***********liste********/
.content_liste {padding: 15px 10px;}
.liste-table {padding: 10px 0;height: calc(100% - 38px);}
	.liste-bit {background: #fff;padding: 15px;margin-bottom: 10px;border-radius: 5px;box-shadow: -1px 0px 6px 0px rgba(82,83,101,0.86);-webkit-box-shadow: -1px 0px 6px 0px rgba(82,83,101,0.86);-ms-box-shadow: -1px 0px 6px 0px rgba(82,83,101,0.86);-o-box-shadow: -1px 0px 6px 0px rgba(82,83,101,0.86);margin-right: 2px;}
	.left-liste>div{margin-bottom:2px}
	.left-liste>div>strong{margin-left:5px; color:#000}
	.sep-liste {width: 96%;height: 2px;background: #38B6FF;margin: 10px auto;position: relative;z-index: 1;}
	.liste-bit:last-child .sep-liste {display:none}
		.sep-liste::before {content: "";display: block;width: 15px;height: 15px;border-radius: 100%;background: #fff;border: 2px solid #38B6FF;position: absolute;left: 0;top: 50%;margin-top: -7px;z-index: 9;}
			.sep-liste::after {content: "";display: block;width: 15px;height: 15px;border-radius: 100%;background: #fff;border: 2px solid #38B6FF;position: absolute;right: 0;top: 50%;margin-top: -7px;z-index: 9;}
			.table-list-content {height: calc(100%);overflow-y: auto;overflow-x: hidden;}
			.right-liste>div{margin-bottom:4px}
			.right-liste>div>strong{margin-left:5px; color:#000}
			.detail-liste {max-width: 200px;margin-left: auto;}
				.detail-liste >div {vertical-align: middle;}
					.qte-liste {color: #fff;font-weight: bold;background: #38B6FF;padding: 6px;text-align: center;font-size: 1rem;}
					.btn-liste {color: #fff;font-weight: bold;background: #D60F38;padding: 12px 15px;text-align: center;font-size: 1rem;display: inline-block;border-radius: 5px;margin-left: 5px;box-shadow:  -1px 0px 6px 0px rgba(82,83,101,0.86);-webkit-box-shadow: -1px 0px 6px 0px rgba(82,83,101,0.86);-ms-box-shadow: -1px 0px 6px 0px rgba(82,83,101,0.86);-o-box-shadow:  -1px 0px 6px 0px rgba(82,83,101,0.86);}
			
			.input-txt-scan input {background: #0094CE;color: #fff;text-align: center;height: 46px;border: none;border-radius: 5px;width: 140px;font-family: Gotham-Bold;font-size: 1.5rem;padding-left: 5px;box-shadow: -1px 0px 6px 0px rgba(82,83,101,0.86);-webkit-box-shadow: -1px 0px 6px 0px rgba(82,83,101,0.86);-ms-box-shadow:  -1px 0px 6px 0px rgba(82,83,101,0.86);-o-box-shadow:  -1px 0px 6px 0px rgba(82,83,101,0.86);}
.index-dash input.scan_input {width: 100%;height: 45px;padding: 10px 10px 10px 36px;border-radius: 5px;border: none;box-shadow: -1px 0px 6px 0px rgba(82,83,101,0.86);-webkit-box-shadow: -1px 0px 6px 0px rgba(82,83,101,0.86);-ms-box-shadow: -1px 0px 6px 0px rgba(82,83,101,0.86);-o-box-shadow: -1px 0px 6px 0px rgba(82,83,101,0.86);background: #fff url("../images/templates/ico-pencil.png") no-repeat 10px 50%;background-size: 17px;color: #000;font-family: Gotham-Bold;font-size: 15px;}
.scan_nbre {width: 100%;height: 45px;padding: 5px 10px ;border-radius: 5px;border: none;box-shadow: -1px 0px 6px 0px rgba(82,83,101,0.86);background: #fff ;font-family: Gotham-Bold;font-size: 30px;text-align:center; line-height:30px}

	.btn-vider-liste a {display: block;text-align: center;background: #D60F38;color: #fff!important;text-transform: uppercase;font: 13px "Gotham-bold";border-radius: 5px;box-shadow: -1px 0px 6px 0px rgba(82,83,101,0.86);-webkit-box-shadow: -1px 0px 6px 0px rgba(82,83,101,0.86);-ms-box-shadow:  -1px 0px 6px 0px rgba(82,83,101,0.86);-o-box-shadow:  -1px 0px 6px 0px rgba(82,83,101,0.86);transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s; padding:3px 0}
	.btn-vider-liste a:hover{background:#EF103D; transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s}
		.btn-vider-liste a span {display: inline-block;padding: 10px 0 10px 30px;background: url("../images/templates/ico-suppr.png") no-repeat center left;}
		
	.btn-white.btn-saisie.has-shadow {display: block;background: #fff;font: 13px "Gotham-bold"}
		.btn-white.btn-saisie.has-shadow  span {display: inline-block;padding: 6px 0 6px 24px;background: url("../images/templates/ico-pencil.png") no-repeat center left;    background-size: 16px;}
.img-langue{max-width: 44px}		
/***********modal********/
.modal-overlay {position: fixed;z-index: 99;width: 100%;background: rgba(0,0,0,0.5);height: 100%;left: 50%;max-width: 640px;transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-o-transform: translate(-50%, 0);top: 0;}
.fixed-modal{position: fixed;z-index: 999;width: 100%;background: #ffffff;left: 50%;top: 30%;max-width: calc(640px - 20px);transform: translate(-50%, -50%);-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-o-transform: translate(-50%, 0);padding:10% 20px 10% 20px;border-radius:5px;font: 20px "Gotham-Bold"; color:#303548}
	a.btn.btnR {background: #DADADA;text-transform: uppercase;padding-right: 15px;padding-left: 10px;padding-top: 14px; padding-bottom: 14px; border:none!important;}
			a.btn.btnR span {display: inline-block;padding: 7px 0 7px 27px;background: url("../images/templates/ico-cancel.png") no-repeat center left;}	
			a.btn.btnR span.ui-button-icon.ui-icon{display: none!important;}
	a.btn.btnV {background:#D60F38;text-transform: uppercase;padding-right: 15px;padding-left: 10px;color:#fff; min-width:150px}
		a.btn.btnV span {display: inline-block;padding: 7px 0 7px 27px;background: url("../images/templates/ico-suppr.png") no-repeat center left;}
	.big-txt {font-size: 2rem;padding-bottom:15px}
.modal-content {border: 5px solid #38B6FF;font-weight: bold;color: #000;font-size: 1rem;}
div#delete-Modal .modal-content{border-color:#FF5757}
	.modal-personal .modal-header {padding: 0 5px;border-bottom: 0;}
	.input-txt{border:2px solid #ccc; width:100%; height:35px; background:#fff; color:#999; padding:0 10px; text-align:left; border-radius:5px}
	.btn-primary{background: #0094CE!important; border-color: #0094CE!important}
	.btn-primary:hover{background: #38B6FF!important; border-color: #38B6FF!important}  
	.btn-danger{background: #FF5757!important; border-color:#FF5757!important}
.col.right-col {    max-width: 29%;padding-left: 0;}
	.form-gpe >label {line-height: 20px;}
.border-none{border:none!important}
a.btn.btn-reinit {display: block;background: #fff;padding-top: 10px;padding-bottom: 10px;color: #303749;font-weight: bold;padding-left: 0;width: 100%;}
	a.btn.btn-reinit span {background: url("../images/templates/ico-reinit.png") no-repeat center left;display: inline-block;padding-left: 30px;}
	.btn.btn-valider{display: block;padding-top: 10px;padding-bottom: 10px;color: #fff;font-weight: bold;padding-left: 0;width: 100%;}
			.btn.btn-valider >span {background: url("../images/templates/ico-valider.png") no-repeat center left;display: inline-block;padding-left: 30px;}
.vide-liste{font: 20px "Gotham-Bold";color:#fff;padding:10% 20px 10% 20px;}
	.vide-liste .scan_input { width: 100%;height: 45px;padding: 10px 10px 10px 36px;border-radius: 5px;border: none;box-shadow: -1px 0px 6px 0px rgba(82,83,101,0.86);-webkit-box-shadow: -1px 0px 6px 0px rgba(82,83,101,0.86);-ms-box-shadow: -1px 0px 6px 0px rgba(82,83,101,0.86);-o-box-shadow: -1px 0px 6px 0px rgba(82,83,101,0.86);background: #fff url("../images/templates/ico-pencil.png") no-repeat 10px 50%;background-size: 17px;color: #000;font-family: Gotham-Bold;font-size: 15px;}
@media only screen and (max-width:500px) {
.col-4.text-right.select-transfert {top:15px}	
	}
@media only screen and (max-width:460px) {
#header{font-size:100%}
#header .btn.btn-grey{padding:5px ;}	
.footer-fixed button,.footer-fixed .btn {font-size:14px;padding-left:5px ;padding-right:5px ;}  
.footer-fixed {font-size:10px;    position: fixed;top: auto;bottom: 0;} 
a.btn.btn-reinit span {padding-left: 20px;background-size: 15px;}
.btn.btn-valider >span{padding-left: 20px;background-size: 15px;}
.blocdetail.m-0.p-0.border-none.div-relative {padding-bottom: 0!important;background:none;}
.footer-fixed .row.align-items-center {margin:0 -5px}
.footer-fixed .row.align-items-center .col-4 {padding-left: 3px!important;padding-right: 3px!important;}
.value-box {padding: 10px 3px 9px 3px;}
.btn-vider-liste a{font-size:13px;} 
	.btn-vider-liste a span {background-size: 15px auto;}
	.vide-footer.footer-fixed .btn {font-size: 13px;}
	div#contenant {height:  100%}
}
@media only screen and (max-width:430px) {	
.col-4.text-right.select-transfert {top:11px;font-size: 12px;padding-left:3px}
.col-4.text-right.select-transfert select {height: 30px;background-size: 15px;}
.img-langue{max-width: 35px}
}
@media only screen and (max-width:400px) {	
#header .btn.btn-grey{ font-size:11px; width:70px}	
.pr-0-sm{padding-right:0!important}
.footer-fixed  .col-4.text-right.pl-0 {max-width: 30%;}
.footer-fixed  .col-4.text-right.pl-0.no-max{max-width: 33.33333%;}
.footer-fixed  .col-4.pr-0-sm {max-width: 36%;}
span.btn-home{background-size:17px}
span.btn-param{background-size:17px}
.navigation-site li >a{padding-top:10px; padding-bottom:10px}

}

@media only screen and (max-width:640px) {
	.fixed-modal{max-width: 90%;}
	.big-wrapper{font-size:13px; overflow-x:hidden}
	
}
@media only screen and (max-width:400px) {
.value-form{font-size:13px;}	
.index-dash input.scan_input,.vide-liste .scan_input {height: 40px;font-size: 13px;}
.form-gpe >label {line-height: 15px;}
.scan_nbre{height: 40px;font-size:30px; line-height:30px}

	.fixed-modal{font-size:18px;padding-left:10px; padding-right:10px}
	.vide-liste{font-size:18px;padding-left:10px; padding-right:10px}
	 a.btn.btnV{min-width:100px}
	a.btn.btnR span, a.btn.btnV span {font-size: 13px;background-size: 17px auto;}
	.footer-fixed  .col-4.text-right.pl-0 {max-width: 32%;}
	.big-txt {font-size: 1.50rem;}
}
@media only screen and (max-width:380px) {
.col-4.text-right.select-transfert {top:10px;}	
.footer-fixed  .col-4.text-right.pl-0 {max-width: 31%;}
.col-4.text-right.select-transfert select {    background-size: 12px;padding-right: 14px;}
}
@media only screen and (max-width:360px) {
.input-txt-scan input{font-size:1.5rem}	
a.btn-liste {width: 50px;padding: 14px 17px;}
.img-langue{max-width: 30px}
.liste-bit{padding:10px 8px}
.vide-liste {font-size: 15px;}
.btn-white.btn-saisie.has-shadow{font-size: 12px;}
.btn-vider-liste a {font-size: 12px;}
.btn-vider-liste a span {background-size: 14px auto;padding-left: 20px;}
}
.content_liste.content_gradient {padding-top: 102px!important;height: calc(100% - 70px);}
.index-dash {position: fixed;width: 100%;max-width: 640px;left: 50%;transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-o-transform: translate(-50%, 0);z-index: 9;}
.content_gradient{
background: rgba(13,174,219,1);
background: -moz-linear-gradient(left, rgba(13,174,219,1) 0%, rgba(23,91,164,1) 51%, rgba(30,54,100,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(13,174,219,1)), color-stop(51%, rgba(23,91,164,1)), color-stop(100%, rgba(30,54,100,1)));
background: -webkit-linear-gradient(left, rgba(13,174,219,1) 0%, rgba(23,91,164,1) 51%, rgba(30,54,100,1) 100%);
background: -o-linear-gradient(left, rgba(13,174,219,1) 0%, rgba(23,91,164,1) 51%, rgba(30,54,100,1) 100%);
background: -ms-linear-gradient(left, rgba(13,174,219,1) 0%, rgba(23,91,164,1) 51%, rgba(30,54,100,1) 100%);
background: linear-gradient(to right, rgba(13,174,219,1) 0%, rgba(23,91,164,1) 51%, rgba(30,54,100,1) 100%);}


/*******ADDDEV LOGN*********/

.unlogged_content #bandeauAdmin{padding:0; height:auto}
.unlogged_content .logo{max-width:310px; margin:auto}
		
	.unlogged_content .blocdetail.admin_bl{margin:0; padding:0 0 5% 0; width:100%; border:none;border-radius:0!important; }
		
.unlogged_content .blocdetail .contenudetail{padding:0; margin:0; background:none}

.unlogged_content .titre_haut_p{margin-top:0; padding-top:5%; color:#fff}
.unlogged_content table.tb_cnx.admin_cnx {background: none;border: none;width: 100%;max-width: 320px;color: #fff;font-size:14px}
.btn_connexion span.ui-button-icon-primary {padding: 0;display: none;}
a.btn_retour.btn.btnR span.ui-button-icon-primary {padding: 0;display: none;}
.fixed-modal span.ui-button-icon-primary {padding: 0!important;display: none!important;}
.unlogged_content #contenu button.btn_connexion.btn.btn-primary.btn_cnx.has-shadow.btn-valider {max-width: 100%;border-radius: 5px!important;background: #0094CE!important;height: 45px;}
.unlogged_content #contenu button.btn_connexion.btn.btn-primary.btn_cnx.has-shadow.btn-valider:hover {background: #77d5f7!important}
.util_content .btn_retour {color: #303549;border: none;font: 13px "Gotham-Bold";padding-top: 7px;padding-bottom: 7px;}
.util_content .btn_retour:hover{background-color:#D2D1D6!important}
.util_content .tab_users .th th,.util_content  .tab_mvts .th th,.util_content  .tab_users .th >td{background-color: #303549;}
.util_content  .btn_ajouter {border-radius: 4px;padding-left: 10px;padding-right: 10px;padding-top: 14px;padding-bottom:14px;    background: #0094CE!important;border-color: #0094CE!important;font: 13px "Gotham-Bold";text-transform:uppercase;    color: #e0fdff!important; }
	.util_content  .btn_ajouter.ui-button .ui-icon {background-image: url(../javascripts/jquery/css/images/ui-icons_e0fdff_256x240.png)!important;}
.util_content  .btn_ajouter:hover{background: #38B6FF!important; border-color: #38B6FF!important; color:#fff!important}  
	.util_content input[type="text"] ,.util_content input[type="password"] {width: 100%;height: 45px;padding: 10px 10px 10px 36px;border-radius: 5px;border: none;box-shadow: -1px 0px 6px 0px rgba(82,83,101,0.86);-webkit-box-shadow: -1px 0px 6px 0px rgba(82,83,101,0.86);-ms-box-shadow: -1px 0px 6px 0px rgba(82,83,101,0.86);-o-box-shadow: -1px 0px 6px 0px rgba(82,83,101,0.86);background: #fff url("../images/templates/ico-pencil.png") no-repeat 10px 50%;background-size: 17px;color: #000;font-family: Gotham-Bold;font-size: 15px;margin: 15px auto;}
	.util_content  .tab_users select {width: 100%;height: 45px;padding: 5px 5px 5px 10px;background: #fff url("../images/templates/select_up.png") no-repeat 98% 50%;border-rdius: 7px;box-shadow: -1px 0px 6px 0px rgba(82,83,101,0.86);-webkit-box-shadow: -1px 0px 6px 0px rgba(82,83,101,0.86);-ms-box-shadow: -1px 0px 6px 0px rgba(82,83,101,0.86);-o-box-shadow: -1px 0px 6px 0px rgba(82,83,101,0.86);margin: 15px auto;}
	.util_content  .btn_enregistrer{border-radius: 4px;padding-top: 15px;padding-bottom: 15px;    background: #0094CE!important;border-color: #0094CE!important;font: 13px "Gotham-Bold";text-transform:uppercase; color: #fff;border:none!important;}
	.util_content  .btn_enregistrer:hover{background: #38B6FF!important; border-color: #38B6FF!important; color:#fff!important}  
	
	a.btn_oui.btn.btnV {min-width: 78px;padding-top: 5px;padding-bottom: 5px;font: 13px "Gotham-Bold"}
	a.btn_non.btn.btnR {min-width: 78px;padding-top: 5px;padding-bottom: 5px;color: #303549;border: none;font: 13px "Gotham-Bold"}
	 .no-selected{color:#000!important;font-size: 15px;height: 46px;line-height: 22px;}
@media only screen and (min-width:480px) {
	.unlogged_content #contenu button.btn_connexion.btn.btn-primary.btn_cnx.has-shadow.btn-valider {font-size:15px}
}
@media only screen and (max-width:520px) {
.content_liste.content_gradient {padding-top14px: 115px!important;}	
}
@media only screen and (max-width:480px) {
	.unlogged_content .blocdetail.admin_bl{background: none; }	
	
}
@media only screen and (max-width:460px) {
 .no-selected{font-size: 13px;height: 42px;}
	
}
@media only screen and (max-width:430px) {
.unlogged_content .logo {max-width: 70%;	}
.unlogged_content table.tb_cnx.admin_cnx{font-size:14px}
.unlogged_content .titre_haut_p{padding-top: 10%;}
.right-col .form-gpe label {text-align: right;max-width: 86px;}
.sousmenu_bit{margin-left: 60px;}
 .no-selected{font-size: 12px;}
 .div-relative {height: calc(100% - 60px);}
}
@media only screen and (max-width:380px) {
	.div-relative {height: calc(100% - 40px);}
}
@media only screen and (max-width:360px) {
.no-selected {font-size: 11px;}	
.index-dash input.scan_input, .vide-liste .scan_input {font-size: 11px;}
.div-relative {height: calc(100% - 40px);}
}
.content_gradient .blocraccourci {background: none;}
.content_gradient .blocraccourci .titre{background: none;color:#fff; font-size:19px;text-align: center;display: block;float: none;margin-left:0; margin-right:0}
	.util_content .d-inline-block{vertical-align:middle}
@media only screen and (max-width:400px) {
	.content_gradient .blocraccourci .titre{font-size:16px;margin-top: 10px;margin-bottom: 0;padding-left:1px; padding-right:1px}
	.util_content input[type="text"], .util_content input[type="password"]{font-size:13px;}

}	
	
	
	.overflow-table{overflow-x: auto;overflow-y: auto;max-height: 400px;padding:10px; background:#fff}
	.content-adminutil  .overflow-table td {white-space: nowrap;}
	
.table-list-content::-webkit-scrollbar-thumb {background: #0093CF;-webkit-border-radius:5px;border-radius:5px;    border: 3px solid #FFF;}
.table-list-content::-webkit-scrollbar {width:15px; background:red;-webkit-border-radius:5px;border-radius:5px;height:5px;}
.table-list-content::-webkit-scrollbar-track {background:rgba(255, 255, 255, 1);border-radius:5px; } 	

.overflow-table::-webkit-scrollbar-thumb {background: #0093CF;-webkit-border-radius:5px;border-radius:5px;    border: 3px solid #FFF;}
.overflow-table::-webkit-scrollbar {width:15px; background:red;-webkit-border-radius:5px;border-radius:5px;height:5px;}
.overflow-table::-webkit-scrollbar-track {background:rgba(255, 255, 255, 1);border-radius:5px; } 

.big-wrapper{background: rgba(13,174,219,1);background: -moz-linear-gradient(left, rgba(13,174,219,1) 0%, rgba(23,91,164,1) 51%, rgba(30,54,100,1) 100%);background: -webkit-gradient(left top, right top, color-stop(0%, rgba(13,174,219,1)), color-stop(51%, rgba(23,91,164,1)), color-stop(100%, rgba(30,54,100,1)));background: -webkit-linear-gradient(left, rgba(13,174,219,1) 0%, rgba(23,91,164,1) 51%, rgba(30,54,100,1) 100%);background: -o-linear-gradient(left, rgba(13,174,219,1) 0%, rgba(23,91,164,1) 51%, rgba(30,54,100,1) 100%);background: -ms-linear-gradient(left, rgba(13,174,219,1) 0%, rgba(23,91,164,1) 51%, rgba(30,54,100,1) 100%);background: linear-gradient(to right, rgba(13,174,219,1) 0%, rgba(23,91,164,1) 51%, rgba(30,54,100,1) 100%);}	
/*******recherhce*********/
.recherche-adminutil {font: 13px "Gotham-Bold";background:#fff; padding:15px ; border-radius:5px}
.recherche-adminutil  .btn_standard {padding-top: 14px;padding-bottom: 14px;    background: #0094CE!important;border-color: #0094CE!important;font: 13px "Gotham-Bold";text-transform:uppercase; color:#fff!important}
	.recherche-adminutil  .btn_standard .ui-button-icon{display: none!important}

.recherche-adminutil  .btn_rechercher  {padding-top: 14px;padding-bottom: 14px;    background: #0094CE!important;border-color: #0094CE!important;font: 13px "Gotham-Bold";text-transform:uppercase;color:#fff!important }
	.recherche-adminutil  .btn_rechercher .ui-button-icon {background-image: url(../javascripts/jquery/css/images/ui-icons_e0fdff_256x240.png)!important;}
.btn-histo a.btn.btn-reinit{max-width:320px; margin:10px auto;text-transform:uppercase;font: 13px "Gotham-Bold";}
.btn-histo a.btn.btn-reinit >span{padding-top:5px; padding-bottom:4px}
.tabform-recherche{max-width:325px; margin:auto}
	td.recherche-label {width: 62px;}
.btn-histo .btn_users_histo {padding-top: 14px;padding-bottom: 14px;background: #0094CE!important;border-color: #0094CE!important;font: 13px "Gotham-Bold";text-transform:uppercase;color:#fff!important ; border-radius:5px;}
.btn-histo .btn_users_histo:hover{background: #38B6FF!important; border-color: #38B6FF!important; color:#fff!important; text-decoration:none} 
	.navnews {color: #fff;margin-bottom: 15px;} 
		.navnews a {color: #000;background: #fff;border-radius: 5px;display: inline-block;vertical-align: middle;padding: 5px 8px;margin-top: 15px;font-weight: bold;}
		.navnews .bordeaux {color: #fff;background: #D60F38;border-radius: 5px;display: inline-block;vertical-align: middle;padding: 5px 8px;margin-top: 15px;font-weight: bold;}
	.btn-histo .btn_users_histo +.btnR {float: none!important;margin-left: 5px;}
	@media only screen and (max-width:515px) {	
	.btn-histo.text-center a {display: block;max-width: 100%!important;margin: auto!important;font-size:13px!important}
a.lien_categ {overflow: hidden;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;}
a.lien_categ img {max-width: 200%;}
.btn-histo .btn_users_histo +.btnR{margin-left:0; margin-top:5px!important}
	}
	@media only screen and (max-width:400px) {
	td.datepick-td input {width: 45%!important;}	
	.recherche-adminutil .btn_rechercher{font-size:11px}
	.recherche-adminutil .btn_standard{font-size:11px}
	.btn-histo.text-center a {font-size:11px!important}
	.btn-histo a.btn.btnR span{font-size:11px!important}
	.content_gradient .blocraccourci{padding-left:10px;padding-right:10px}
	.recherche-adminutil{padding-left:10px;padding-right:10px}
	}	
	
	/*********administraiotn site******/
	.tab-adminS {margin-top: 25px;background: #fff;border-radius: 5px!important;border: none!important;}
.tab-adminS >tbody>tr>td {border: none;}
.content_gradient .blocraccourci  .tab-adminS  .titre{color:#0094CE}
	 .tab-adminS  .commentaire span {font-size: 13px;background: url("../images/templates/ico-valider2.png") no-repeat center left;padding-left: 15px;color: #0094CE;display: block;}
	  .tab-adminS  .btn_tout_cocher{background: #0094CE!important;border-color: #0094CE!important;font: 12px "Gotham-Bold";color:#fff!important }
	    .tab-adminS  .btn_tout_decocher{background: #0094CE!important;border-color: #0094CE!important;font: 12px "Gotham-Bold";color:#fff!important }
		
		.util_content	#formu table#tabrayons.table-gpe input[type="text"], .util_content	#formu table#tabrayons.table-gpe input[type="password"]{margin:auto}
		.util_content #formu table#tabrayons select{margin:auto; font:13px "Gotham-Bold"}
		#formu table#tabrayons.table-gpe {background: none;border: none;margin: 0;}
			#formu table#tabrayons.table-gpe tr td, #formu table#tabrayons.table-gpe tr th {border: none;background: none;}
			#formu table#tabrayons.table-gpe tr {background: none;border: none;}
			.txt-abolute {position: absolute;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);top: 50%;width: 100%;padding: 0 15px;}
button.btn.text-center.btn-primary.btn-valider.has-shadow:disabled {background: #888586!important;border-color: #888586!important;cursor: not-allowed;}
.vide-liste .formbox_ss {position: absolute;width: 100%;left: 0;top: 100px;padding: 0 10px;}

/********modif transfert******/
.row.align-items-center.btn-has-list {margin: 0 -5px;}
.row.align-items-center.btn-has-list >.col-6 {padding: 0 5px;}
	
	@media only screen and (max-width:/********modif transfert******/480px) {
		html,body{background: rgba(13,174,219,1);background: -moz-linear-gradient(left, rgba(13,174,219,1) 0%, rgba(23,91,164,1) 51%, rgba(30,54,100,1) 100%);background: -webkit-gradient(left top, right top, color-stop(0%, rgba(13,174,219,1)), color-stop(51%, rgba(23,91,164,1)), color-stop(100%, rgba(30,54,100,1)));background: -webkit-linear-gradient(left, rgba(13,174,219,1) 0%, rgba(23,91,164,1) 51%, rgba(30,54,100,1) 100%);background: -o-linear-gradient(left, rgba(13,174,219,1) 0%, rgba(23,91,164,1) 51%, rgba(30,54,100,1) 100%);background: -ms-linear-gradient(left, rgba(13,174,219,1) 0%, rgba(23,91,164,1) 51%, rgba(30,54,100,1) 100%);background: linear-gradient(to right, rgba(13,174,219,1) 0%, rgba(23,91,164,1) 51%, rgba(30,54,100,1) 100%);}
		body{background: rgba(13,174,219,1);background: -moz-linear-gradient(left, rgba(13,174,219,1) 0%, rgba(23,91,164,1) 51%, rgba(30,54,100,1) 100%);background: -webkit-gradient(left top, right top, color-stop(0%, rgba(13,174,219,1)), color-stop(51%, rgba(23,91,164,1)), color-stop(100%, rgba(30,54,100,1)));background: -webkit-linear-gradient(left, rgba(13,174,219,1) 0%, rgba(23,91,164,1) 51%, rgba(30,54,100,1) 100%);background: -o-linear-gradient(left, rgba(13,174,219,1) 0%, rgba(23,91,164,1) 51%, rgba(30,54,100,1) 100%);background: -ms-linear-gradient(left, rgba(13,174,219,1) 0%, rgba(23,91,164,1) 51%, rgba(30,54,100,1) 100%);background: linear-gradient(to right, rgba(13,174,219,1) 0%, rgba(23,91,164,1) 51%, rgba(30,54,100,1) 100%);height:100%}
	.big-wrapper{background:none;}
		.blocdetail{border:none!important}
		.blocraccourci{margin-bottom:0}
	}
	@media only screen and (max-width:380px) {
	.vide-liste .formbox_ss{    top: 100px;}
	}
	@media only screen and (max-width:340px) {
	.vide-liste .formbox_ss{    top: 100px;}
	}
	
	/*****NEW DATATABLE******/
	.tab-adminS .table-has-bg td {background: #f9f9f9!important;border: 1px solid #e6e6e6!important;}
	.tab-adminS .table-has-bg tr:nth-child(even) td{background-color: #fff!important}
	.tab_users.table-has-bg {background: #fff;}
		#formu table#tabrayons .tab_users.table-has-bg tr th {background: #303549;border-right: 1px solid #ffffff;}
		.titre-white{color:#fff!important}
		#tabHisto_filter label {color: #fff;font: 14px "Gotham-Bold";}
		div#tabHisto_filter {margin-bottom: 30px;}
		#tabHisto_filter input[type="search"] {height: 45px;padding: 10px ;border-radius: 5px;border: none;box-shadow: -1px 0px 6px 0px rgba(82,83,101,0.86);-webkit-box-shadow: -1px 0px 6px 0px rgba(82,83,101,0.86);-ms-box-shadow: -1px 0px 6px 0px rgba(82,83,101,0.86);-o-box-shadow: -1px 0px 6px 0px rgba(82,83,101,0.86);background-color: #fff;background-size: 17px;color: #000;font-family: Gotham-Bold;font-size: 14px;}
	.table-responsive#histouser-bloc {overflow: inherit;position: relative;}
	#histouser-bloc div#tabHisto_wrapper {margin-bottom: 100px;overflow-x: auto;overflow-y:hidden;position: initial;padding-bottom: 2px;}
		#histouser-bloc table{background:#fff;font-size: 14px;}
	#histouser-bloc table.dataTable th, #histouser-bloc table th{background: #303549;border-right: 1px solid #ffffff;    color: #ffffff;font-weight: normal;padding: 10px 30px 10px 10px;white-space: nowrap;font-family: Gotham-Medium;position: relative;}
	#histouser-bloc div#tabHisto_info {color: #fff;float: none;padding: 15px 0;position: absolute;bottom: -50px;text-align: center;width: 100%;}	
	#histouser-bloc div#tabHisto_paginate {position: absolute;bottom: -96px;left: 0;width: 100%;text-align: center;color: #fff;}
		#histouser-bloc a.paginate_button.current {background: #0094CE;border: none;color: #fff!important;}
			#histouser-bloc a#tabHisto_previous.paginate_button {background: url("../images/templates/arrow_left_m.png")no-repeat center!important;color: rgba(0,0,0,0)!important;font-size: 1px!important;width: 15px!important;height: 24px!important;padding: 0!important;vertical-align: middle;margin: 0 10px;border:none!important;outline:none!important;background-size: auto 17px!important;}
			#histouser-bloc a#tabHisto_next.paginate_button {background: url("../images/templates/arrow_right_m.png")no-repeat center!important;color:  rgba(0,0,0,0)!important;font-size: 1px!important;width: 15px!important;height: 24px!important;padding: 0!important;vertical-align: middle;margin: 0 10px;border:none!important;outline:none!important;background-size: auto 17px!important;}
			.paginate_button previous.disabled{cursor:not-allowed; opacity:0.8}
		#histouser-bloc a.paginate_button {color: #000!important;background: #fff;padding: 0px 9px;border:none!important}
		div#tabHisto_wrapper::-webkit-scrollbar-thumb {background: #0093CF;-webkit-border-radius: 5px;border-radius: 5px;border: 1px solid #ccc;}
		div#tabHisto_wrapper::-webkit-scrollbar {width: 5px;-webkit-border-radius: 5px;border-radius: 5px;height: 12px;}
		div#tabHisto_wrapper::-webkit-scrollbar-track {background:rgba(255, 255, 255, 1);border-radius:5px; } 
	.dt-buttons .dt-button {height: 45px;border: none!important;background: #DADADA;text-transform: uppercase;font: 12px "Gotham-Bold";}
	div#tabHisto_paginate>* {vertical-align: middle;}
	#histouser-bloc >#tabHisto{    max-width: 570px!important;width: 100%!important;display: block;max-height: 636px;overflow: hidden;}
		#histouser-bloc >#tabHisto thead, #histouser-bloc >#tabHisto tbody {width: 100%!important;display: block!important;max-width: 570px;overflow: hidden;}
	table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {position: absolute;top: 50%;display: block;opacity: 0.3;color:#fff;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);}
	table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {right: 0.5em;content: "\2193";}	
	table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {right: 1em;content: "\2191";}
	table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:after {opacity: 1;} 
	@media only screen and (max-width:400px) {
	.dt-buttons .dt-button{font-size:11px}	
	#tabHisto_filter label{font-size:12px}	
	}
/********modif PALETTE******/
.page_conten {overflow-y: auto;overflow-x: hidden;height: 100%;}	
.erreur-mess{font-weight: bold; color:#ff0000;text-align: center;margin: 10px 0}
.erreur-mess:empty{display: none;}
.max-btn-c{max-width: 210px; margin: auto;}

table.table-light {background: #fff;}

input.qtePallet {width: 40px;height: 30px;text-align: center;border: 1px solid #e6e6e6;font-weight: 600;}

@media only screen and (max-width:420px) {
.liste_scan a.btn-liste {width: 30px;padding: 8px 8px;}
.div-relative.palette-page {height: calc(100% - 60px);}

}

/********POINTAGE******/
.logo img {max-height: 60px;}
.user-account{max-width: max-content;margin-left: auto; text-align: left;}
	.name-user {color: #46d9f2!important;font: 14px "Gotham-Medium";line-height: 16px;display: block;}
	.name-user a{background-color:#FFFFFF;color:#303549;padding:0 3px;border:1px solid FFFFFF;height:100px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;width:100px;}
    .name-user a:hover{text-decoration:none;}
	.id-user {font: 16px "Gotham-Medium";color: #fff;padding-left: 25px;}

.big-wrapper-md {max-width: 920px;background: #303549}
.big-wrapper-large{max-width: 100%} 
.bg-bleu{color: #fff; font-size: 14px;background: #303549; border-bottom: 1px solid transparent}
.form-scan {background: #0084c6;padding: 15px 15px 15px 30px;position: relative;color: #fff;font:19px "Gotham-Medium";}
		
	.form-scan::after{width: 0;height: 0;border-style: solid;border-width: 20px 42.5px 0 42.5px;border-color: #0084c6 transparent transparent transparent;content:""; left: 50%;top: 100%; transform : translate(-50%,0 );position: absolute;}
	.col-input .scan-input{width: 100%;height: 50px;padding: 10px 15px;border-radius: 3px;-webkit-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;background-color: #ededed; font:16px "Gotham-Medium";color: #000000; border:none;}
		.scan-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
			  color: #000;
			  opacity:1; 
			}
			.scan-input::-moz-placeholder { /* Firefox 19+ */
			  color: #000;
			   opacity:1;
			}
			.scan-input:-ms-input-placeholder { /* IE 10+ */
			  color:  #000;
			   opacity:1;
			}
			.scan-input:-moz-placeholder { /* Firefox 18- */
			  color:  #000;
			   opacity:1;
			}
  
    .content-prod{   padding:35px 24px 25px 30px;position: relative;}
    	.list-prod-bit {font: 16px "Gotham-Medium";padding-bottom: 10px; margin-bottom: 1rem;}
    	.list-prod-bit:last-child{margin-bottom: 5px}
    		.list-prod-bit strong {display: block;font-weight: normal;color: #46d9f2;font-size: 19px;}
    	
span#poste_edit_btn {background: url("../images/templates/ico_pencil.png") no-repeat center left;cursor:pointer;padding-left: 30px;background-size: 18px;text-decoration: underline;line-height: 20px;}
span#poste_edit_btn:hover {color:#46d9f2}

    	.minuterie {border: 1px solid rgba(255,255,255,0.15);padding: 15px;border-radius: 3px;-webkit-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;font: 18px "Gotham-Medium";text-align: center;margin-left: auto;}
    	.motif {margin-top: 10px;border: 1px solid rgba(255,255,255,0.15);padding: 15px;border-radius: 3px;-webkit-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;text-align: center;margin-left: auto;}
    	.timer {color:#ff9a1a;/*font-family:monospace !important; */font-weight:bold;text-align: left;font: 22px "Gotham-Medium";background: url('../images/templates/ico_lock1.svg') no-repeat center left;padding:10px 0 0px 43px;margin-top: 10px; margin-bottom: 2px}
    	.timer.type_1, .timer.type_2, .timer.type_3 {color:#FFFFFF;background-image: url('../images/templates/ico_lock2.svg') }
    		.minuterie em{font-size: 13px; font-style: normal;display: block;}
    		div#poste_edit {padding-top: 10px;padding-bottom: 10px;}
		.idPointageBox {float:right;font-weight:bold;text-align: left;font: 13px "Gotham-Medium";padding:10px 0 0px 43px;margin-top: 10px; margin-bottom: 2px}
    	.content-txt-scan{border: 1px solid rgba(255,255,255,0.15);padding: 15px 15px 5px 20px;border-radius: 3px;-webkit-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;font: 14px "Gotham-Book";}
	    	.pdf-down a {background: url("../images/templates/ico_pdf.svg") no-repeat center left;display: inline-block;text-decoration: underline;font: 14px "Gotham-Medium";color: #46d9f2;padding: 15px 0 15px 52px;}
	    	.pdf-down a:hover{color: #e2241a}
	    	.texteperso {max-width: 480px;}
	    .btn-bit-s {margin-bottom: 20px;}
		a.btn-s {display: block;padding:0 10px 0 40px;text-align: center;font: 17px "CenturyGothic-Bold";text-transform: uppercase;color: #fff!important;position: relative;border-radius: 30px;-webkit-box-shadow: -5px 4px 7px 0px rgba(0,0,0,0.3);-moz-box-shadow: -5px 4px 7px 0px rgba(0,0,0,0.3);box-shadow: -5px 4px 7px 0px rgba(0,0,0,0.3);text-decoration: none!important;height: 60px;line-height: 60px;}
		a.btn-s.btn-disabled {background : linear-gradient(to bottom, #c8c8c8 0%, #b4b4b4 50%, #9d9d9d 100%)}

	    	.gradient-green{background: #67bc35;background: -moz-linear-gradient(top, #67bc35 0%, #44b32b 50%, #21aa21 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, #67bc35), color-stop(50%, #44b32b), color-stop(100%, #21aa21));background: -webkit-linear-gradient(top, #67bc35 0%, #44b32b 50%, #21aa21 100%);background: -o-linear-gradient(top, #67bc35 0%, #44b32b 50%, #21aa21 100%);background: -ms-linear-gradient(top, #67bc35 0%, #44b32b 50%, #21aa21 100%);background: linear-gradient(to bottom, #67bc35 0%, #44b32b 50%, #21aa21 100%);}
			.gradient-green:hover{background: #44b32b;background: -moz-linear-gradient(top, #44b32b 0%, #67bc35 50%, #21aa21 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, #44b32b), color-stop(50%, #67bc35), color-stop(100%, #21aa21));background: -webkit-linear-gradient(top, #44b32b 0%, #67bc35 50%, #21aa21 100%);background: -o-linear-gradient(top, #44b32b 0%, #67bc35 50%, #21aa21 100%);background: -ms-linear-gradient(top, #44b32b 0%, #67bc35 50%, #21aa21 100%);background: linear-gradient(to bottom, #44b32b 0%, #67bc35 50%, #21aa21 100%);}

			.gradient-purple {background: #7b4aa0;background: -moz-linear-gradient(top, #7b4aa0 0%, #713c99 50%, #662d91 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, #7b4aa0), color-stop(50%, #713c99), color-stop(100%, #662d91));background: -webkit-linear-gradient(top, #7b4aa0 0%, #713c99 50%, #662d91 100%);background: -o-linear-gradient(top, #7b4aa0 0%, #713c99 50%, #662d91 100%);background: -ms-linear-gradient(top, #7b4aa0 0%, #7b4aa0 50%, #662d91 100%);background: linear-gradient(to bottom, #7b4aa0 0%, #7b4aa0 50%, #662d91 100%);}
			.gradient-purple:hover {background: #713c99;background: -moz-linear-gradient(top, #713c99 0%, #7b4aa0 50%, #662d91 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, #713c99), color-stop(50%, #7b4aa0), color-stop(100%, #662d91));background: -webkit-linear-gradient(top, #713c99 0%, #7b4aa0 50%, #662d91 100%);background: -o-linear-gradient(top, #713c99 0%, #7b4aa0 50%, #662d91 100%);background: -ms-linear-gradient(top, #713c99 0%, #7b4aa0 50%, #662d91 100%);background: linear-gradient(to bottom, #713c99 0%, #7b4aa0 50%, #662d91 100%);}

			.gradient-blue {background: #088fc5;background: -moz-linear-gradient(top, #088fc5 0%, #0478af 50%, #006098 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, #088fc5), color-stop(50%, #0478af), color-stop(100%, #006098));background: -webkit-linear-gradient(top, #088fc5 0%, #0478af 50%, #006098 100%);background: -o-linear-gradient(top, #088fc5 0%, #0478af 50%, #006098 100%);background: -ms-linear-gradient(top, #088fc5 0%, #0478af 50%, #006098 100%);background: linear-gradient(to bottom, #088fc5 0%, #0478af 50%, #006098 100%);}
			.gradient-blue:hover {background: #0478af;background: -moz-linear-gradient(top, #0478af 0%, #088fc5 50%, #006098 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, #0478af), color-stop(50%, #088fc5), color-stop(100%, #006098));background: -webkit-linear-gradient(top, #0478af 0%, #088fc5 50%, #006098 100%);background: -o-linear-gradient(top, #0478af 0%, #088fc5 50%, #006098 100%);background: -ms-linear-gradient(top, #0478af 0%, #088fc5 50%, #006098 100%);background: linear-gradient(to bottom, #0478af 0%, #088fc5 50%, #006098 100%);}

			.gradient-red {background: #e2241a;background: -moz-linear-gradient(top, #e2241a 0%, #d31f17 50%, #c41a14 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, #e2241a), color-stop(50%, #d31f17), color-stop(100%, #c41a14));background: -webkit-linear-gradient(top, #e2241a 0%, #d31f17 50%, #c41a14 100%);background: -o-linear-gradient(top, #e2241a 0%, #d31f17 50%, #c41a14 100%);background: -ms-linear-gradient(top, #e2241a 0%, #d31f17 50%, #c41a14 100%);background: linear-gradient(to bottom, #e2241a 0%, #d31f17 50%, #c41a14 100%);}
			.gradient-red:hover{background: #d31f17;background: -moz-linear-gradient(top, #d31f17 0%, #e2241a 50%, #c41a14 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, #d31f17), color-stop(50%, #e2241a), color-stop(100%, #c41a14));background: -webkit-linear-gradient(top, #d31f17 0%, #e2241a 50%, #c41a14 100%);background: -o-linear-gradient(top, #d31f17 0%, #e2241a 50%, #c41a14 100%);background: -ms-linear-gradient(top, #d31f17 0%, #e2241a 50%, #c41a14 100%);background: linear-gradient(to bottom, #d31f17 0%, #e2241a 50%, #c41a14 100%);}

			.gradient-orange {background: #e2781a;background: -moz-linear-gradient(top, #e2781a 0%, #d37817 50%, #c46714 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, #e2781a), color-stop(50%, #d37817), color-stop(100%, #c46714));background: -webkit-linear-gradient(top, #e2781a 0%, #d37817 50%, #c46714 100%);background: -o-linear-gradient(top, #e2781a 0%, #d37817 50%, #c46714 100%);background: -ms-linear-gradient(top, #e2781a 0%, #d37817 50%, #c46714 100%);background: linear-gradient(to bottom, #e2781a 0%, #d37817 50%, #c46714 100%);}
			.gradient-orange:hover{background: #d37817;background: -moz-linear-gradient(top, #d37817 0%, #e2781a 50%, #c46714 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, #d37817), color-stop(50%, #e2781a), color-stop(100%, #c46714));background: -webkit-linear-gradient(top, #d37817 0%, #e2781a 50%, #c46714 100%);background: -o-linear-gradient(top, #d37817 0%, #e2781a 50%, #c46714 100%);background: -ms-linear-gradient(top, #d37817 0%, #e2781a 50%, #c46714 100%);background: linear-gradient(to bottom, #d37817 0%, #e2781a 50%, #c46714 100%);}

			.gradient-grey {background: #B1B1B1;background: -moz-linear-gradient(top, #B1B1B1 0%, #A4A4A4 50%, #6A6A6A 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, #B1B1B1), color-stop(50%, #A4A4A4), color-stop(100%, ##6A6A6A));background: -webkit-linear-gradient(top, #B1B1B1 0%, #A4A4A4 50%, #6A6A6A 100%);background: -o-linear-gradient(top, #B1B1B1 0%, #A4A4A4 50%, #6A6A6A 100%);background: -ms-linear-gradient(top, #B1B1B1 0%, #A4A4A4 50%, #6A6A6A 100%);background: linear-gradient(to bottom, #B1B1B1 0%, #A4A4A4 50%, #6A6A6A 100%);}
			.gradient-grey:hover{background: #6A6A6A;background: -moz-linear-gradient(top, #6A6A6A 0%, #A4A4A4 50%, #B1B1B1 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, #6A6A6A), color-stop(50%, #A4A4A4), color-stop(100%, #B1B1B1));background: -webkit-linear-gradient(top, #6A6A6A 0%, #A4A4A4 50%, #B1B1B1 100%);background: -o-linear-gradient(top, #6A6A6A 0%, #A4A4A4 50%, #B1B1B1 100%);background: -ms-linear-gradient(top, #6A6A6A 0%, #A4A4A4 50%, #B1B1B1 100%);background: linear-gradient(to bottom, #6A6A6A 0%, #A4A4A4 50%, #B1B1B1 100%);}

				.btn-has-icon span {display: inline-block;width: 59px;height: 59px;position: absolute;left: 0;border-radius: 100%;-webkit-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;top: 0;}
					span.icon-setting{background :#5b348c url('../images/templates/ico_setting.svg') no-repeat center;}
					span.icon-prod{background :#00557f url('../images/templates/ico_prod.svg') no-repeat center;}
					span.icon-horsprod{background-color: #00557f;/*background-color: -moz-linear-gradient(top, #6A6A6A 0%, #A4A4A4 50%, #B1B1B1 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, #6A6A6A), color-stop(50%, #A4A4A4), color-stop(100%, #B1B1B1));background-color: -webkit-linear-gradient(top, #6A6A6A 0%, #A4A4A4 50%, #B1B1B1 100%);background-color: -o-linear-gradient(top, #6A6A6A 0%, #A4A4A4 50%, #B1B1B1 100%);background-color: -ms-linear-gradient(top, #6A6A6A 0%, #A4A4A4 50%, #B1B1B1 100%);background: linear-gradient(to bottom, #6A6A6A 0%, #A4A4A4 50%, #B1B1B1 100%);*/}
					span.icon-horsprod::before{content: ""; background :url('../images/templates/ico_horsprod.svg')  no-repeat center; width: 59px; height: 59px; left: 0; top: 0; position: absolute;}
					span.icon-stop{background :#a51919 url('../images/templates/ico_stop.svg') no-repeat center;}
					span.icon-pause{background :#c45a0d url('../images/templates/ico_pause.svg') no-repeat center;}
					span.icon-end{background :#1c841c url('../images/templates/ico_fin.svg') no-repeat center;}
					.btn-disabled span.icon-icon{background-color :#919191;}
				.btn-button {display: inline-block;min-width: 220px; height: 60px; font: 22px "CenturyGothic-Bold";text-transform: uppercase;color: #fff!important;position: relative;border-radius: 30px;-webkit-box-shadow: -5px 4px 7px 0px rgba(0,0,0,0.3);-moz-box-shadow: -5px 4px 7px 0px rgba(0,0,0,0.3);box-shadow: -5px 4px 7px 0px rgba(0,0,0,0.3);text-decoration: none!important;padding: 10px; text-align: center;border-radius: 3px;-webkit-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border:none;}
				.solde-btn.btn-disabled{background : linear-gradient(to bottom, #c8c8c8 0%, #b4b4b4 50%, #9d9d9d 100%)}
		a.btn-s.btn-has-icon#btn_horsproduction {line-height: 20px;padding-top: 8px;text-align: left;padding-left: 69px;}
a.btn-button.solde-btn.gradient-green{ line-height: 42px;}



  .row.align-items-center.max-col {max-width: 72%;}
  	.btn-group-s {max-width: 217px;margin: auto;}
  @media only screen and (min-width:768px) {
   .content-prod.termine{    max-width: 100%;}
   .align-items-center-md{-ms-flex-align: center!important;align-items: center!important;}
   .user-account{padding-right: 20px}
}
@media only screen and (max-width:920px) {
 	.minuterie{font-size: 16px}
		.minuterie em {font-size: 12px;}
		.timer{font-size: 19px;}
		.list-prod-bit{font-size: 14px}
			.list-prod-bit strong{font-size: 17px;}
			.form-scan{font-size: 17px;}
			a.btn-s{font-size: 15px}
			.btn-button{font-size: 20px}
}
@media only screen and (max-width:767px) {
	.content-prod-bottom .col-7{height: auto;}
	.btn-bit-s {margin-bottom: 20px;}
	.btn-bit-s:last-child {margin-bottom: 0;}
	.minuterie{max-width: 100%;padding: 5px 7px;font-size: 14px;}
	.btn-button{font-size: 22px}
	.pdf-down a{font-size: 13px}
	.form-scan{padding-left: 20px;}
	.content-prod{padding-left: 20px;padding-right: 20px}
	.timer {padding-left: 30px;background-size: 23px;font-size: 15px;}
}
@media only screen and (max-width:640px) {
	.form-scan::after{border-width: 20px 35px 0 35px;}
	.content-prod-top .col-6.col-perso-mob{position: static;max-width: 100%;flex: 0 0 100%;-ms-flex: 0 0 100%;}
	.content-prod-top .col-6.col-perso-mob .minuterie {position: absolute;width:100%;max-width:100%;top:5px;left: 0;}
	.content-prod-top .col-sm-8 {position: static;}
		.minuterie {max-width: 100%;display: flex;display: -ms-flexbox;align-items: center;justify-content: space-between;-ms-flex-pack: justify;padding:15px 10px; text-align: left;font-size: 18px}
			.timer {margin-top: 0;font-size: 25px;background-size: 30px;padding-left: 36px;min-width: auto}
			.minuterie div:first-child {padding-right: 5px;}
			#pointage-bloc.en-cours .content-prod-top {padding-top: 100px;position: relative;}
		.row.align-items-center.max-col {max-width: 100%;margin-right: 0;margin-left: 0;}
		div#pointage-bloc {margin-bottom: 20px;}
		.form-scan.scan-pointage{padding-right: 0; padding-left: 0}
		a.btn-s {font-size: 16px;}
		.content-prod-top  .col-6.pr-0 {max-width: 100%;flex: 0 0 100%;-ms-flex: 0 0 100%;}
		.btn-group-s{max-width: 210px;margin-right: 0;}
		.content-prod-top >.row>.col-6 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
}

@media only screen and (max-width:600px) {
	.form-scan::after{border-width: 15px 30px 0 30px;}
	a.btn-s{font-size: 15px}
}
@media only screen and (max-width:575px) {
	
			.form-scan{font-size: 15px;padding-left: 15px;}
		.content-txt-scan{font-size: 12px;padding:10px;}
		.btn-button{font-size: 20px; height: 50px}
		.col-input .scan-input{height: 45px}
		.content-prod{padding-left: 15px; padding-right: 15px; padding-top: 15px}
		
		.pdf-down a{font-size: 12px}
		.col-input .scan-input{font-size: 14px}
a.btn-button.solde-btn.gradient-green {line-height: 30px;}
.form-scan.scan-pointage .col-auto img {max-width: 32px;padding-right: 5px;}
		
}
@media only screen and (max-width:479px) {
	.content-prod .row > [class*='col-']{padding-left: 5px; padding-right: 5px}
	div#poste_edit{padding-right: 10px}
	.content-prod .row {margin-right: -5px;margin-left: -5px; }
		.timer{font-size: 22px}
		.list-prod-bit{font-size: 13px}
			.list-prod-bit strong{font-size: 14px;}
			.form-scan{font-size: 13px;padding-top: 10px; padding-bottom: 10px}
			
			.btn-button{font-size: 18px;height: 40px;}
			.col-input .scan-input{font-size: 12px}
			.name-user{font-size: 13px}
			.id-user{font-size: 15px;}
			.user-account{margin-right: -5px;}
.content-txt-scan{display: none;}
	a.btn-s{font-size: 15px;height: 50px; line-height: 50px;padding-left: 30px}
				.btn-has-icon span{height: 50px; width: 50px; background-size: 24px!important}
				span.icon-horsprod::before{height: 50px; width: 50px; background-size: 24px!important}
				a.btn-s.btn-has-icon#btn_horsproduction {line-height: 16px;padding-top: 8px;padding-left: 62px;}
				a.btn-button.solde-btn.gradient-green {line-height: 21px;}
				.btn-bit-s {margin-bottom: 15px;}
				div#poste_edit .btn-group-sm>.btn,div#poste_edit .btn-sm {font-size: 12px;}	
				div#poste_edit .form-control{font-size: 13px}
					span#poste_edit_btn {padding-left: 25px;background-size: 15px;}	
		
}
@media only screen and (max-width:420px) {
	.form-scan::after{border-width: 10px 20px 0 20px;}
	.content-prod .row > [class*='col-'] {padding-left: 5px;padding-right: 5px;}
	.minuterie{font-size: 14px}
		.minuterie em {font-size: 10px;}
		.timer{font-size: 17px;background-size: 24px;  line-height: 24px;padding-left: 30px; display: inline-block;}
		.list-prod-bit{font-size: 12px}
			.list-prod-bit strong{font-size: 13px;}
			.form-scan{font-size: 12px;}
		
			.btn-button{font-size: 20px;height: 50px;width: 100%}
			.col-input .scan-input{height: 40px}
			.name-user{font-size: 12px; background-size: 15px; padding-left: 20px}
			.id-user{font-size: 14px;padding-left: 20px}
			a.btn-s {font-size: 13px;}
			a.btn-button.solde-btn.gradient-green {line-height: 27px;}
				div#poste_edit .btn-group-sm>.btn, div#poste_edit .btn-sm {font-size: 11px;}
				span#poste_edit_btn {padding-left: 22px;background-size: 13px;}		
}
@media only screen and (max-width:400px) {
a.btn-s{font-size: 12px;height: 40px; line-height: 40px;padding-left: 35px}
	.btn-has-icon span{height: 40px; width: 40px; background-size: 20px!important}
	span.icon-horsprod::before{height: 40px; width: 40px; background-size: 20px!important}
	a.btn-s.btn-has-icon#btn_horsproduction {line-height: 13px;padding-top: 6px;padding-left: 48px;}
div#poste_edit .btn-group-sm>.btn, div#poste_edit .btn-sm {font-size: 10px;}	
div#poste_edit .form-control{font-size: 12px}
}
@media only screen and (max-width:380px) {
.name-user{font-size: 11px; }
.id-user{font-size: 13px}
	.timer {font-size: 15px}
	.minuterie {font-size: 12px;}
}
@media only screen and (max-width:340px) {
.name-user{font-size: 10px; background-size: 13px; padding-left: 18px}
.id-user{font-size: 12px;padding-left: 18px}
} 
@media only screen and (min-width:980px) {
	.big-wrapper.big-wrapperPC.supervision-page .col.col-menu{max-width: 103px; padding-left: 30px}
}
/********SUPERVISION******/
.big-wrapper.big-wrapperPC.supervision-page{background: #ffffff;background: -moz-linear-gradient(left, #ffffff 0%, #f4f4f4 100%);background: -webkit-gradient(left top, right top, color-stop(0%, #ffffff), color-stop(100%, #f4f4f4));background: -webkit-linear-gradient(left, #ffffff 0%, #f4f4f4 100%);
background: -o-linear-gradient(left, #ffffff 0%, #f4f4f4 100%);background: -ms-linear-gradient(left, #ffffff 0%, #f4f4f4 100%);background: linear-gradient(to right, #ffffff 0%, #f4f4f4 100%);height: auto}
.content-supervision {height: 100%;padding: 15px 30px;}
	.filtre-top {font: 12px "Gotham-Medium";margin: 15px 0;padding-bottom: 15px}
		.select-filtre select.custom-select {background: #e5e7e6 url("../images/templates/arrow_down.png") no-repeat right 0.7em center;border: none;border-radius: 0;font: 12px "Gotham-Book";color: #000;height: 35px;box-shadow: none;}
		.select-filtre .ui-selectmenu-button.ui-button {display: block;width: 100%;height: 35px;border: none;background: #e5e7e6;padding: 0 10px;border-radius: 0;-webkit-border-radius: 0;-ms-border-radius: 0;}
			.select-filtre span.ui-selectmenu-text {font: 12px "Gotham-Book";line-height: 35px;display: block;margin-right: 0!important;padding-right: 15px;}
			.select-filtre .ui-button  .ui-selectmenu-icon.ui-icon{background: url("../images/templates/arrow_down.png") no-repeat center; position: absolute; right: 10px; top: 50%; transform: translate(0,-50%);-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);float: none }
			.select-filtre .ui-button.ui-selectmenu-button-open  .ui-selectmenu-icon.ui-icon{background-image: url("../images/templates/arrow_up.png")}
		.select-filtre {max-width: 165px;width: 100%;margin: auto;}
	.col.filtre-bit{padding-left: 5px; padding-right: 5px;max-width: 165px;}
		.body-supervision .ui-selectmenu-menu{background-color: #e5e7e6}
			.body-supervision .ui-selectmenu-menu .ui-widget.ui-widget-content{border:none;background-color: #e5e7e6}
			.body-supervision .ui-selectmenu-menu .ui-menu .ui-menu-item-wrapper{font: 12px "Gotham-Book";padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px}
			.body-supervision .ui-selectmenu-menu .ui-menu .ui-menu-item-wrapper.ui-state-active{background-color: rgba(96,96,96,.14); border:none;}

	table#supervision-data{font-size: 12px; text-align: center;border:none;}
		table#supervision-data thead th {background-color: #2b3847;font: 10px "Gotham-Medium";color: #fff;vertical-align: middle;height: 60px;padding: 0 5px;text-align: center;    border-left: 1px solid rgba(122,122,122,0.5);border-right: 1px solid rgba(255,255,255,0.5);border-bottom: none;border-top: none;}
			table#supervision-data thead th:first-child{border:none!important;}
			table#supervision-data th.th-sm.sorting {position: relative;    background-image: url(../images/templates/asc_sort.png);background-position: right 5px center;padding-right: 20px;}
			table#supervision-data th.th-sm.sorting::before,table#supervision-data th.th-sm.sorting::after {display: none!important}
			table#supervision-data th.th-sm.sorting_asc{position: relative;padding-right: 20px;background-image:none!important;}
				table#supervision-data th.th-sm.sorting_asc::before{content: url(../images/templates/desc_sort.png);right: 5px;}
				table#supervision-data th.th-sm.sorting_asc::after{display: none!important}
			table#supervision-data th.th-sm.sorting_desc{position: relative;padding-right: 20px;background-image:none!important;}
				table#supervision-data th.th-sm.sorting_desc::after{content: url(../images/templates/asc_sort.png);right: 5px;}
				table#supervision-data th.th-sm.sorting_desc::before{display: none!important}
					.thmax-90{width: 100px!important}
					.thmax-80{width: 80px!important}
					.thmax-60{width: 60px!important}
					table#supervision-data th.th-sm.no-sort{background-image:none!important;padding-right: 5px!important}
					table#supervision-data th.th-sm.no-sort::before, table#supervision-data th.th-sm.no-sort::after{display: none!important;}
			th.no-sort.no-bgcolor.check-columns {width: 35px!important;background: #fff!important;}
		th.bg-green {background-color: #21aa21!important;}

		th.bg-purple {background-color: #58347a!important;}
		table#supervision-data td{vertical-align: middle;    border-left: 1px solid rgba(122,122,122,0.5);border-right: 1px solid rgba(255,255,255,0.5);border-bottom:2px solid #fff; border-top:none;padding:2px  5px; height: 60px}
		table#supervision-data td.highlight{background:#fff64f}
			td.td-first {font: 12px "Gotham-Bold";color: #21aa21;}
				.color-red {color: #b70404!important;}
				.color-green {color: #21aa21!important;} 
				 table#supervision-data td strong{font: 12px "Gotham-Bold"}
			table#supervision-data td:nth-child(2),table#supervision-data td:first-child {border-left:none!important;}
			table#supervision-data td.has-bg-empty:empty {background-color: rgba(179,179,179,.4)}
			table#supervision-data tr:last-child td{border-bottom:none!important;}
			table#supervision-data tr.warning td:nth-child(-n+10){background-color: rgba(252,238,33,.4)!important}
			
			table#supervision-data tbody td.select-checkbox:before,table#supervision-data  tbody td.select-checkbox:after, table#supervision-data tbody th.select-checkbox:before, table#supervision-data tbody th.select-checkbox:after  {top: 50%;left: 50%;width: 18px;height: 18px;    border:1px solid #b3b3b3; transform: translate(-50%,-50%);margin-top: 0!important; margin-left: 0!important; text-shadow: none!important; cursor: pointer;display: none}
			table#supervision-data tbody td.select-checkbox:before, table#supervision-data tbody th.select-checkbox:before{margin-top: 0; margin-left: 0}
			table#supervision-data td.check-td,table#supervision-data tr.warning td.check-td {background: #fff!important;}

			table#supervision-data tr.selected td.select-checkbox:after,table#supervision-data tr.selected th.select-checkbox:after{content:""; background: url(../images/templates/checked.png) no-repeat center; border:none!important;}
			input.check-transmission {opacity: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);z-index: 999;width: 18px;height: 18px; cursor: pointer;}

			.check-transmission + span  {top: 50%;left: 50%;width: 18px;height: 18px;  -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);  border:1px solid #b3b3b3; transform: translate(-50%,-50%); text-shadow: none!important; cursor: pointer;position: absolute;z-index: 99}
				.check-transmission:checked + span{background: url(../images/templates/checked.png)no-repeat center}
		.msg-transmission{position: absolute;width: 250px;border: 1px solid #aaa;padding: 5px;background: #fff;z-index: 100;top: 50px;display:none}
		.wrap-transmission:hover + .msg-transmission{display: block}
		table#supervision-data tr{background-color: #f4f4f4}
		table#supervision-data tr:nth-of-type(even) {background-color: rgba(96,96,96,.14);}
		.btn-valider-sup{margin-top: 30px}
			.btn-valider-sup button {background: #21aa21 url("../images/templates/ico_ok_big.png") no-repeat 16px 50%;height: 46px;font: 15px "CenturyGothic-Bold";color: #fff;border: none;border-radius: 3px;-webkit-border-radius: 3px;-ms-border-radius: 3px; -o-border-radius: 3px;padding-left: 50px;padding-right: 30px}
			.user-supervision{display: none;font: 18px "Gotham-Bold"; text-transform: uppercase; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);color: #fff}
			.user-supervision-t{display: none;padding: 15px; text-align: center; text-transform: uppercase;font: 16px "Gotham-Bold";color: #303549}
			.body-supervision .user-supervision{display: block;}

		.select-filtre	.input-filtre {display: block;width: 100%;padding: 5px 10px;box-sizing: border-box;height: 35px;background-color: #e5e7e6;border: none;font: 13px "Gotham-Book";color: #161616}
			.select-filtre	.input-filtre::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #161616;opacity:1; }
			.select-filtre	.input-filtre::-moz-placeholder { /* Firefox 19+ */color: #161616;opacity:1;}
			.select-filtre	.input-filtre:-ms-input-placeholder { /* IE 10+ */color:  #161616;opacity:1;}
			.select-filtre	.input-filtre:-moz-placeholder { /* Firefox 18- */color:  #161616;opacity:1;}	

		.select-filtre .input-filtre.hasDatepicker {background-image: url("../images/templates/ico_date.png");background-repeat: no-repeat;background-position: 5px 50%;background-size: 20px;padding-left: 35px;padding-right: 5px;}
		.select-checkbox span.wrap-transmission {min-width: 24px;display: block;}
		/*******pagination datatable********/
			.table-supervision .dataTables_wrapper  .dataTables_paginate {float: none!important;text-align: center;margin: 15px auto;  font: 13px "Gotham-Medium";}
				.table-supervision .dataTables_wrapper .dataTables_paginate a.paginate_button.current {background: #2b3847;color: #fff!important;border: none!important;}
				.table-supervision	.dataTables_wrapper .dataTables_paginate .paginate_button{border: none!important;}
			.table-supervision	.dataTables_wrapper .dataTables_paginate .paginate_button:hover{background: #2b3847;color: #fff!important;}
			.btn-valider-sup #btn-suppression {text-decoration:none;cursor:pointer;background: #c41914;padding: 15px;border-radius: 3px;-webkit-border-radius: 3px;-ms-border-radius: 3px; -o-border-radius: 3px;color: #fff;font: 15px "CenturyGothic-Bold";/*text-transform: uppercase;*/display: inline-block;min-width: 220px;}
			.btn-valider-sup #btn-suppression:hover {background: #b40904;}
			.btn-valider-sup #btn-transmission {text-decoration:none;cursor:pointer;background: #21aa21 url("../images/templates/ico_ok_big.png") no-repeat 16px 50%;font: 15px "CenturyGothic-Bold";color: #fff;border: none;border-radius: 3px;-webkit-border-radius: 3px;-ms-border-radius: 3px; -o-border-radius: 3px;padding-top:15px; padding-bottom:15px;padding-left: 50px;padding-right: 10px;display: inline-block;min-width: 220px;}
			.btn-valider-sup #btn-transmission:hover {background: #119911 url("../images/templates/ico_ok_big.png") no-repeat 16px 50%;}
@media only screen and (min-width:1261px) {
	.table-supervision {margin-left: -20px; overflow-x:auto;}
}
@media only screen and (max-width:1260px) {
	.content-supervision{padding-left: 10px; padding-right: 10px}
	table#supervision-data thead th{font-size: 11px; padding-right: 2px; padding-left: 2px}
	table#supervision-data{font-size: 11px; }
	table#supervision-data td strong{font-size: 11px; }
	td.td-first{font-size: 11px; }
}
@media only screen and (max-width:1120px) {
	.table-supervision {overflow-x: scroll;}	
	.table-supervision::-webkit-scrollbar {width:5px; background:rgba(0,0,0,0.2);-webkit-border-radius:5px;border-radius:5px;height:10px;}
	.table-supervision::-webkit-scrollbar-thumb{background: rgba(0,0,0,0.2);-webkit-border-radius:5px;border-radius:5px;}
	.table-supervision::-webkit-scrollbar-track {background:#d6d6d6;border: 1px solid rgba(0,0,0,0.2);-webkit-border-radius:5px;border-radius:5px;} 

	table#supervision-data {width: 1300px!important;}
	.col.filtre-bit + .col:empty {display: none;}
	.filtre-top{padding-right: 10px}
	.user-supervision {padding-left: 18%;font-size: 16px;}
	.col.filtre-bit {max-width: 25%;flex: 0 0 25%;-ms-flex: 0 0 25%;margin-bottom: 5px;}
}
@media only screen and (max-width:980px) {
	.user-supervision{display: none!important}
	.user-supervision-t{display: block;}
}
@media only screen and (max-width:767px) {
	.col.filtre-bit {max-width: 33.333%;flex: 0 0 33.333%;-ms-flex: 0 0 33.333%;margin-bottom: 5px;}
	.btn-valider-sup button{font-size: 14px; padding-right: 15px; height: 38px;padding-left: 25px;    background-position: 5px 50%;background-size: 13px; }
}
@media only screen and (max-width:460px) {
	.filtre-top{padding-right: 0}
	.col.filtre-bit {max-width: 50%;flex: 0 0 50%;-ms-flex: 0 0 50%;padding-left: 15px; padding-right: 15px}
	.filtre-top .row>div {width: 100%;}
	.filtre-top> .row {display: block!important;}
	.filtre-top .row>div.col-auto {margin-bottom: 15px;text-align: center;}

}
@media only screen and (max-width:380px) {
		.col.filtre-bit {max-width: 100%;flex: 0 0 100%;-ms-flex: 0 0 100%;}
		.select-filtre{max-width: 100%}
}

.ui-autocomplete {
    z-index: 5000 !important;
}

/******input number popup**********/
.input-number-parent {position: relative;}
.input-number-parent span{position: absolute;z-index: 99;background: #e6e6e6;cursor: pointer;}
	span.moins-qte {bottom: 2px;right: 5px;}
	span.plus-qte {top: 2px;right: 5px;}
	.input-number-parent span:hover{background: #ccc;}
	.input-number-parent span img {display: block;}
/* Chrome, Safari, Edge, Opera */
.input-number-parent input::-webkit-outer-spin-button,
.input-number-parent input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}

/* Firefox */
.input-number-parent  input[type=number] {-moz-appearance: textfield;}

a.lien_supervision:focus img{border: 1px inset #0084c6;border-radius: 100%;-webkit-border-radius: 100%;-ms-border-radius: 100%;}
a.lien_deconnexion:focus img{border: 1px inset #a51919 ;border-radius: 100%;-webkit-border-radius: 100%;-ms-border-radius: 100%;}


#page-pointage-wrapper .modal{top:10%!important;}
.list-ofops{max-height:450px}

.p-modal{position:absolute; z-index:10000; width:100%;height:100%;background:rgba(0,0,0,0.7)}
.p-dialog-wrap{margin:auto; width: 500px;position:relative;height: 100%;position: relative;padding: 0 10px;}
@media only screen and (max-width:500px) {  
	.p-dialog-wrap{
		width: 100%;
	}
}
.p-dialog{text-align:center;color:#000000;border-radius: .3rem;overflow: hidden;width: calc(100% - 20px);margin: auto;background: #fff;border: 1px solid rgba(0,0,0,.2);color: #000;position: absolute;top: 50%;-ms-transform: translateY(-50%);transform: translateY(-50%);}

.p-dialog-title{
	padding:15px;
	text-align:left;
	font-weight:bold;
	border-bottom:1px solid #ccc;
	background:#fff;
}
.p-dialog-content{
	padding:15px;
}
.p-dialog-actions{
	padding:15px;
	border-top:1px solid #ccc;
	text-align:center;
	background:#fff;
	text-align:right;
}
.p-btn-close{
	border:1px solid #789; padding: 10px; cursor:pointer;display:inline-block;background:#ddd;border-radius:3px
}
.p-btn-close:hover{
	background:#aaa
}