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

/* Bandeau Admin */
#bandeauAdmin{	position:fixed;z-index:99999;width:100%;padding:10px;text-align:center;font-weight:bold;color:#FFFFFF;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: 30px;}
		.bandeauAdminR img{height:20px;}
		.accesV1{color:#FFFFFF;}
		.accesV2{color:#FFFFFF;}
	.bandeauAdminL{position: absolute;font-size: 14px;top: 1px;left: 5px;}
	.bandeauAdminM{position: absolute;top: 37px;font-size: 14px;right: 228px;display:none;width:200px;}

@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;
}

@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:url('../images/templates/fonddegrade.jpg') repeat-x #8A8D92;overflow-x:hidden}
.clear{float:none;clear:both;width:0;height:0;}
form{display:inline}
input{font-family:'Verdana';font-size:11px;}
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; background-color: #efefef;min-height:850px}
		/** 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: 220px; background-color: #efefef;padding-right:20px; 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;}

/****************** Style Adminsav DEBUT ****************/
	.alert-box.success { background:#e9ffd9 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAmJJREFUeNqkk0toE0Ech3+T3aRJX7RpPNgSgzQljYXiC1FbUcFrL9WTqAe96NGce+hF8KA5eVHsSaQni1CR4kHEFwoVxNrW0iJtA9lqk1TJbnZ2d3bGnbWPDT124Fvm9f32v+wMEUJgL02VD/IkASjEQw5IJwiGvd6AR3JzX8HjAwQmIEQRrjdyBcTV0v+AQBuKqpFcpiuTTiWS8eaG5qisz7D0I8vrK4MLxcWLlmPlvanJugq25NaGltFzfWezKpQYsxl0W99aa0x3dDcm25Mdb+fejVZNf94PCW1u6GwIRXJnegeyds2K6boOSmkdz3oeg5lO7GT6RDZCwjnp7AQwMdyzvztNdRozDAOmadZxt3vE3zZ1eNwLYbFUPJmWTjDgdKIpEa9Wq7Asy0dWsfZ7DTejV9BWbkKhUMC1l7cwOzcLTnlcOsGAAwqUqOu6+Hx+ClpZw8qvFaRIF061H4eqqhhbfooXpVdwQg6oTaPSCQaAuQw3Dl7GzMwMpg6N42iiHw/77/ny69J7PCiOATH4MJX5zk6AI1ZLxjod+XYHiqIgHA7jUe99hNUwFms/cXt5BLyZe/8CPjaxqHSCFXxcW9cqSlzB4I8h/61bXFq8DrRhW5bQaq0inWDAxJ/V8lIIxCRdBMe+X/DlvulBYF+9zLlrWpq5JJ2dAC6KrsHy5U/avGDcJCmCvq+enML2d0u4w0x9ujLPa25eOvUnkYtJpln4+1zLRbJN6UimMa6oalQuuRuM2gu1ij1vLHFH5NGqeKeQ7DrKfggvsS/0zcawx+7LpJAJtCjFoEL2ep3/CTAAj+gy+4Yc2yMAAAAASUVORK5CYII=') no-repeat 10px 50%;border:1px solid #a6ca8a;}
	.alert-box { color:#555;border-radius:10px;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;padding:10px 10px 10px 36px;margin:10px 0; cursor: pointer;}
	.alert-box span { font-weight:bold;text-transform:uppercase; }
	.content_gestion_sujet {}
		.header_gestion_sujet {display: flex; flex-wrap: nowrap; justify-content: space-between;}
		.form_ajout_sujet {width: 350px;height: 145px;padding-top: 30px;margin: 0 auto;background-color: gainsboro;border-radius: 10px;box-shadow: 1px 1px 1px lightgray;padding-left: 21px;}
		.form_modif_sujet {width: 350px;height: 145px;padding-top: 30px;margin: 0 auto;background-color: gainsboro;border-radius: 10px;box-shadow: 1px 1px 1px lightgray;padding-left: 21px;}
			.btn_fermer {border-radius: 160px;background-color: orangered;}
			.btn_fermer:hover {cursor: pointer;}
	.container_header {display: flex; flex-wrap: nowrap; justify-content: space-around;}
		.gestion_sujet {margin-top: 30px;}
			.btn_gestion {background-color: royalblue; color: white; border: 0; padding: 10px; border-radius: 5px;}
			.btn_gestion:hover {box-shadow: 1px 1px 3px lightgray; cursor: pointer;}
		.gestion_bon_de_retour {margin-top: 30px;}
	.container_detail {}
		.detail {}	
			.adminsav_ticket {border: 2px solid #DDD;margin-top:10px;border-radius:10px;padding:10px}
			.adminsav_ticket:hover {border-color:#CCC;}
				a {text-decoration: none;}
				.adminsav_lien { margin-top: 20px; padding: 6px 10px 6px 10px; font:bold 13px Arial;background:#f5f5f5;color:#555;border-radius:2px;border:1px solid #ccc;important;display:inline-block;text-align:center }
				.adminsav_lien:hover { box-shadow:1px 1px 3px #CCC!important;}
					.adminsav_ticket_bit {color:#000000}
					.adminsav_ticket_bit span {font-weight:bold;}
					.adminsav_ticket_bit_lib strong	{ color:#cea282;font-weight:bold;font-size:15px }
					.adminsav_ticket_bit_date {}
					.adminsav_ticket_bit_statut {}
					.adminsav_ticket_bit_description {}
			.adminsav_ticket_r {margin-top:10px;border-radius:10px;padding:10px; width: 600px; }
			.adminsav_ticket_r.reponse_admin {margin-top:10px;border-radius:10px;padding:10px; width: 600px; }
			.btn_rep { padding:6px 0 6px 0;font:bold 13px Arial;background:#f5f5f5;color:#555;border-radius:2px;width:100px;border:1px solid #ccc;important;display:inline-block;text-align:center }
			.btn_rep:hover { box-shadow:1px 1px 3px #CCC!important; }
	.container {display: flex; flex-wrap: nowrap; justify-content: space-around;}
		.container_filtre {margin-top: 10px; margin-bottom: 20px; }
			.statut_filtre {width: 133px ; height: 30px ; font-size: 13px ; }
			.client_filtre {width: 133px ; height: 30px ; font-size: 13px ; }
			.date_filtre {width: 130px ; height: 23px ; font-size: 14px ; text-align: center ; }
			.btn_filtre { padding:6px 0 6px 0;font:bold 13px Arial;background:#f5f5f5;color:#555;border-radius:2px;width:100px;border:1px solid #ccc;important;display:inline-block;text-align:center }
			.btn_filtre:hover { box-shadow:1px 1px 3px #CCC!important; }
		.container_bonretour {padding-top: 35px;}
	.table_ticket {}
			.ligne_entete {}
				.list_entete {color: #ffffff}
			.list_ticket {cursor: pointer;}
			.list_ticket:hover {background-color: #fafafa; cursor: pointer;}
	.adminsav_box_reponse { width: 500px; background-color: lightgrey; padding: 10px; margin-top: 10px; margin: 0 auto;}
		.adminsav_texteara { margin-left: 10px; padding: 10px; line-height: 1.5; border-radius: 5px; border: 1px solid #ccc;margin-bottom:8px;width:400px; height:100px; }
		.input-file-container { max-width: 300px;background-color: #EDEDED;border: 1px solid #DFDFDF;border-radius: 5px;}
		.input-file-container input[type='file'] { display: none; }
		.input-file-browse-btn { background: #cea282;color: #fff;min-height: 35px;padding: 10px;border: none;border-top-left-radius: 5px;border-bottom-left-radius: 5px;display:inline-block; }
		.input-file-browse-btn:hover { color:#999 }
		.input-file-info { font-size: 0.9em;display:inline-block;margin: 10px 5px; }
		.adminsav_file {width: 237px ; background-color: lightgray ; height: 35px ; font-size: small;}
		.adminsav_file:hover {box-shadow:1px 1px 3px #CCC!important;}
		.adminsav_bouton { padding:6px 0 6px 0;font:bold 13px Arial;background:#f5f5f5;color:#555;border-radius:2px;width:100px;border:1px solid #ccc;important;display:inline-block;text-align:center }
		.adminsav_bouton:hover { box-shadow:1px 1px 3px #CCC!important; }
	.liste_prod {color: #666666; font-style: normal; font-size: small; padding: 5px;}
	.error_sav {background-color: #f44336; padding: 12px; width: 50%; border-radius: 5px; box-shadow: 1px 1px 3px lightslategray; }

/********************** Style Adminsav FIN ***********************/

.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{background-color:#ffffff;}

.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}
	.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-color:#FFFFFF;padding-top:10px;padding-bottom:10px;}
.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;width:440px;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: 35px;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 10px;}
input.ui-autocomplete-input{border: 1px solid #aeaeae;height: 24px;padding: 0 10px;}
textarea{border: 1px solid #aeaeae;padding: 5px 10px;}
 select {border: 1px solid #aeaeae;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: 35px;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:Arial;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 {background-color:#e4e6ea;}
.td_users2 {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:#c00;
}
.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:#01adee!important; border-radius:5px!important; padding:10px 15px; font:14px "Gotham-Medium"}
	#topdecklink .erreur {padding: 10px 0;}
	.raccourci > .titre + .clear {clear: none;height: auto;width: auto;}
	form input + .clear {float: none;height: auto;width: auto;}
	.tab_mvts .th {background: #cccccc none repeat scroll 0 0;height: 36px;}
	.raccourci > .recherche + .clear + .titre + .clear {clear: both;}
	
#boxes li.box3 {
    cursor: move;
    float: left;
    margin: 10px;
    width: 200px;
    height: 200px;
    border: 1px solid #000;
    text-align: center;
    padding-top: 5px;
    background-color: #FFFFFF;
    z-index: 100;
}

/********* bordereau **************/
.load_bordereau{
	position: fixed; 
	z-index:100;
	box-sizing:border-box; 
	text-align:center; 
	padding:100px;
	width:100%;
	height:100%; 
	background:rgba(0,0,0,0.7); 
	color:#ffffff;
	font-size:15px
}
.popup_bordereau {
    padding: 32px;
    position: fixed;
    z-index: 99;
    box-sizing: border-box;
    width: 100%;
    height: calc(100% - 35px);
    background: rgba(0,0,0,0.7);
    color: #ffffff;
}
.content-bordereau-wrap {
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow: auto;
    color: #000;
    box-sizing: border-box;
    padding: 10px;
    background: #fff;
    position: relative;
}
.box-filtre {
    height: 50px;
    background: #1234;
    text-align: right;
    box-sizing: border-box;
    padding: 10px;
}
#btn_filtre {
    vertical: middle;
    border: 1px solid #222;
    cursor: pointer;
    border-radius: 4px;
    display: inline-block;
    height: 30px;
    padding: 8px;
    box-sizing: border-box;
    background: #777;
    color: #fff;
}
.box-liste {
    height: calc(100% - 100px);
    background: #ddd;
    overflow: auto;
}
.box-action {
    height: 50px;
    background: #1234;
    text-align: right;
    box-sizing: border-box;
    padding: 10px;
}
.btn_close {
    vertical: middle;
    border: 1px solid #222;
    cursor: pointer;
    border-radius: 4px;
    display: inline-block;
    height: 30px;
    padding: 8px;
    box-sizing: border-box;
    background: #777;
    color: #fff;
}
.btn-download-bordereau {
    vertical: middle;
    border: 1px solid #222;
    border-radius: 4px;
    display: inline-block;
    height: 30px;
    padding: 8px;
    box-sizing: border-box;
    background: #555;
    color: #fff;
}

.info_bull {display: inline-block;margin-left: 2%;vertical-align: middle;position:relative}
.info_bull_content{background:#1b1b1e none repeat scroll 0 0;color:#fff;display:none;width:220px;left:-95px;margin-top:20px;overflow:hidden;padding:5px 10px 5px 10px;position:absolute;top:50%;z-index: 10}
.info_bull_content:hover{display: block;}