/* ******************************************************** PARTIE COMMUNE ********************************** */
body{
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	height: 100%;
	width: 100%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #fff;
}
html, body {
	height: 100%;
	width: 100%;
}
.cadre
{
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	border: 1px solid #B8B8B8;
}
/* ******************************************************** GESTION DES LIENS ********************************** */
a {
	color: #A40000;
	text-decoration: underline;
	outline: none;
}
a:hover {
	text-decoration: underline;
}
a.lien {
	font-family:  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #A40000;
	text-decoration: underline;
}
a.lien:hover {
	text-decoration: underline;
}
a.lien_s {
	font-family:  Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #F60;
	text-decoration: none;
}
a.lien_s:hover {
	text-decoration: underline;
}
a.hachure {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 26px;
	width: 208px;
	text-decoration: none;
	font-size: 15px;
	line-height: 26px;
	padding-right: 11px;
	background: #fff url(/design/images/hachure.gif) no-repeat right top;
	font-style: italic;
	font-weight: bold;
	text-align: right;
}
a.hachure:hover {
	width: 208px;
	padding-right: 11px;
}
/* ******************************************************** GESTION MENUS ********************************** */
dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
/* ****** GESTION MENU PARTICULIER *********** */
a.menu {
	display: block;
	width: 134px;
	height: 17px;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #7e7e7e;
	text-decoration: none;
	text-transform: uppercase;
	padding: 2px 0 0 20px;
	margin: 2px 0 1px 0;
	background: #fff url(/design/images/ico_square.gif) no-repeat 5px 5px;
}
a.menu:hover {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #990100;
	text-decoration: none;
	padding: 2px 0 0 20px;
	margin: 2px 0 1px 0;
	background: #e6e6e6 url(/design/images/ico_square.gif) no-repeat 5px 5px;
}
a.menu_on, a.menu_on:hover {
	display: block;
	height: 17px;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #990100;
	text-decoration: none;
	text-transform: uppercase;
	padding: 2px 0 0 20px;
	margin: 2px 0 1px 0;
	background: #e6e6e6 url(/design/images/ico_square.gif) no-repeat 5px 5px;
}
/* ****** GESTION MENU ENTREPRISE *********** */
a.menu2 {
	display: block;
	/*width: 134px;*/
	height: 17px;
	font-family:  Arial,  Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #808080;
	text-decoration: none;
	text-transform: uppercase;
	padding: 2px 0 0 20px;
	margin: 2px 0 1px 0;
	background: #fff url(/design/images/ico_square.gif) no-repeat 5px 5px;
}
a.menu2:hover {
	font-family:  Arial,  Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	padding: 2px 0 0 20px;
	margin: 2px 0 1px 0;
	background: #ffb200 url(/design/images/ico_square.gif) no-repeat 5px 5px;
}
a.menu2_on, a.menu2_on:hover {
	display: block;
	height: 17px;
	font-family:  Arial,  Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	padding: 2px 0 0 20px;
	margin: 2px 0 1px 0;
	background: #ffb200 url(/design/images/ico_square.gif) no-repeat 5px 5px;
}
/* ****** GESTION MENU BOTTOM *********** */
a.menu_bottom {
	font-family:  Arial,  Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	text-decoration: none;
	padding: 0 4px 6px 4px;
}
a.menu_bottom:hover {
	display : inline;
	font-family:  Arial,  Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	text-decoration: none;
	padding: 0 4px 6px 4px;
	border-bottom: 26px solid #578679;
}
a.menu_bottom_on, a.menu_bottom_on:hover {
	font-family:  Arial,  Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	text-decoration: none;
	padding: 0 4px 6px 4px;
	border-bottom: 26px solid #578679;
}
/* ******************************************************** GESTION LIENS NAVIGUATION ********************************** */
.lien_nav {
	font-family:  Arial,  Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #999;
	text-decoration: none;
}
a.lien_nav {
	font-family:  Arial,  Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #999;
	text-decoration: none;
	border: 1px solid #999;
	padding: 0px 6px;
}
a.lien_nav:hover {
	font-family:  Arial,  Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #900;
	text-decoration: none;
	border: 1px solid #900;
	padding: 0px 6px;
}
.lien_nav_on {
	font-family:  Arial,  Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #900;
	text-decoration: none;
	border: 1px none #999999;
	padding: 0px 6px;
}
/* ******************************************************** GESTION DES TEXTES ********************************** */
.t1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #A40000;
	line-height: 15px;
	padding: 5px 0 2px 0;
	margin : 0px;
	}
.t2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	line-height: 13px;
	margin : 0px;
}
.t3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #fff;
	margin : 0px;
}
.t3_ {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 15px;
	color: #fff;
}
.t4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFE477;
}
.t5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
}
.t6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #348779;
}
.t7 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #ffb300;
}
.m {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #000;
}
.m_ {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #000;
	text-align: justify;
}
.m_blanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #fff; 
}
.m_gris {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #666; 
}
.s {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #666; 
}
.s_ {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #666;
}
.s_blanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #fff; 
	text-decoration: none;
}
.s_gris {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #666; 
}
.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #818181; 
}
.admin {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #f00; 
}
.admin_2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #f00; 
}
/* ******************************************************** GESTION DES FORMULAIRES et BOUTONS ********************************** */
.form_login {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: normal;
	font-size: 10px;
	color: #333;
	height:15px;
	line-height: 15px;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom: 1px solid #999;
	border-left: 1px solid #333;
	padding: 1px 2px 1px 2px;
	margin: 0 0 4px 0;
}
.form_ok {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #f60;
	height: 15px;
	width: 29px;
	background: #fff url(/design/images/bt_ok.gif) no-repeat center center;
	border: none;	
}
.form {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: normal;
	font-size: 10px;
	color: #333333;
	text-indent: 2px;
	background-color: #fff;
	border-top: 1px inset #999;
	border-right: 1px inset #aaa;
	border-bottom: 1px inset #aaa;
	border-left: 1px inset #666;
}
.form_need {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: normal;
	font-size: 10px;
	color: #333;
	text-indent: 2px;
	background-color: #fff;
	border-top: 1px inset #999;
	border-right: 1px inset #aaa;
	border-bottom: 1px inset #aaa;
	border-left: 4px solid #EB6800;
}
.form_need_mention {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	background-color: #9B9B9B;
	text-decoration: none;
	font-weight: normal;
	font-size: 10px;
	color: #F4F4F4;
	text-indent: 2px;
	border-top: 1px inset #666;
	border-right: 2px inset #fff;
	border-bottom: 2px inset #fff;
	border-left: 4px solid #EB6800;
	padding-left: 4px;
}
.form_bt {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #fff;
	border: 1px solid #999;
	text-decoration: none;
	background-color: #f60;
	text-align: center;
	width: 80px;
}
.option_bt {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #fff;
	text-decoration: none;
	background-color: #efefef;
	text-align: left;
	width: 90px;
	padding: 1px;
	display: block;
	position: relative;
}
.option_bt:hover {
	background-color: #ffe299;
	text-decoration: none;
}
.option_bt span {
	margin: 18px;
}
.option_bt img {
	position: absolute;
	bottom: 3px;
}
/* ****************************************************** GESTION DES IMAGES ********************************** */
.xs {
	border: 1px solid #B3B3B1;
}
.xs2 {
	border: 6px solid #f0f0ef;
}
.bgtop {
	background-repeat: repeat-x;
	background-position: top;
}
.bgone {
	background-repeat: no-repeat;
	background-position: top;
}
.bgbottom {
	background-repeat: repeat-x;
	background-position: bottom;
}
img {
	border: 0;
}
/* ******************************************************** GESTION DES POSITION ********************************** */
.txt_align_center {
	text-align: center;
}
.txt_align_justify {
	text-align: justify;
}
/* ******************************************************** GESTION DES COULEURS ET BACKGROUND ********************************** */
.bg_color_info {
	background-color: #990000;
}
.bg_color_error {
	background-color: #990000;
}
.bg_color_blanc {
	background-color: #FFFFFF;
}
.bg_color_gris {
	background-color: #EEEEEE;
}
.bg_color_0 {
	background-color: #828282; /* FOND */
}
.bg_color_1 {
	background-color: #B3B3B1; /* FOND MENU - GRIS  */
}
.bg_color_2 {
	background-color: #CAC9C9; /* FOND SOUS BANDEAU- GRIS */
}
.bg_color_3 {
	background-color: #f60; /* FOND ORANGE */
}
/* ******************************************************** GESTION BACKGROUND  ********************************** */
.bg {
	background: #828282 url(/design/images/bg.jpg);
}
.bg_filet {
	background-color: #fff;
	border-right: 2px solid #6B6B6B;
}
.bg_img_filet {
	background: url(/design/images/bg_filet.gif) repeat-y left;
}
.bg_filet_bottom {
	border-bottom: 2px solid #6B6B6B;
}
.bg_slide {
	background: #fff url(/design/images/bg_slide.gif) no-repeat left top;
}
.bg_section {
	background: #fff url(/design/images/bg_box_section.gif) no-repeat left top;
}
.bg_particulier {
	height: 80px;
	width: 190px;
	background: #fff url(/design/images/bg_particulier.gif) no-repeat left top;
	padding: 22px 0 0 50px;
	cursor: pointer;
}
.bg_entreprise {
	width: 190px;
	background: #fff url(/design/images/bg_entreprise.gif) no-repeat left top;
	padding: 22px 0 0 50px;
	cursor: pointer;
}
.bg_particuliers_presentation {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 54px; /*height: 445px;*/
	color: #646464;
	font-size: 14px;
	background: #fff url(/design/images/bg_particuliers_presentation.jpg) no-repeat bottom left;
}
.bg_particuliers_services {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 92px; /*height: 445px;*/
	color: #646464;
	font-size: 14px;
	background: #fff url(/design/images/bg_particuliers_services.jpg) no-repeat bottom left;
}
.bg_particuliers_tarifs {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 140px; /*height: 445px;*/
	color: #646464;
	font-size: 14px;
	background: #fff url(/design/images/bg_particuliers_tarifs.jpg) no-repeat bottom left;
}
/* ******************************************************** GESTION BOX  ********************************** */
.bg_box {
	background: url(/design/images/bg_box.gif);
}
.bg_box_news {
	background: url(/design/images/bg_box_nl.gif);
}
.bg_box_top1 {
	height : 22px;
	width : 5px;
	background : #CCCCCC url(/design/images/bg_box_top1.gif) no-repeat top left;
}
.bg_box_top2 {
	background : url(/design/images/bg_box_top2.gif) repeat-x top;
	padding: 0 8px 0 8px;
}
.bg_box_top3 {
	background : #fff url(/design/images/bg_box_top3.gif) no-repeat top left;
}
.bg_box_top {
	background : url(/design/images/bg_box_corner_top.gif) no-repeat top left;
	padding :10px 10px 0 10px;
}
.bg_box_bottom {
	background: url(/design/images/bg_box_bottom.gif) repeat-x bottom;
}
.bg_box2 {
	background: #f60 url(/design/images/bg_box2.gif);
}
.bg_box3_top1 {
	height : 22px;
	width : 5px;
	background : #CCCCCC url(/design/images/bg_box3_top1.gif) no-repeat top left;
}
.bg_box3_top2 {
	background : url(/design/images/bg_box3_top2.gif) repeat-x top;
	padding: 0 8px 0 8px;
}
.bg_box3_top3 {
	background : #fff url(/design/images/bg_box3_top3.gif) no-repeat top left;
}
.bg_box3_top {
	background : url(/design/images/bg_box3_corner_top.gif) no-repeat top left;
	padding :10px 10px 0 10px;
}
.bg_box3_ {
	padding :10px 10px 0 10px;
}
.bg_box4_top1 {
	height : 22px;
	width : 5px;
	background : #CCCCCC url(/design/images/bg_box_top4.gif) no-repeat top left;
}
.bg_box4_top2 {
	background : url(/design/images/bg_box_top5.gif) repeat-x top;
	padding: 0 8px 0 8px;
}
.bg_box4_top3 {
	background : #fff url(/design/images/bg_box_top6.gif) no-repeat top left;
}
.bg_box4_top {
	background : url(/design/images/bg_box_corner4_top.gif) no-repeat top left;
	padding :10px 10px 0 10px;
}
.bg_box3b_top1 {
	height : 19px;
	width : 5px;
	background : #CCCCCC url(/design/images/bg_box4_top1.gif) no-repeat top left;
}
.bg_box3b_top2 {
	background : url(/design/images/bg_box4_top2.gif) repeat-x top;
	padding: 0 8px 0 15px;
}
.bg_box3b_top2_bis {
	background : url(/design/images/bg_box4_top2.gif) repeat-x bottom;
	padding: 0 8px 0 15px;
}
.bg_box3b_top3 {
	background : #fff url(/design/images/bg_box4_top3.gif) no-repeat top left;
}
.bg_box3b_top3_bis {
	background : #fff url(/design/images/bg_box4_top3.gif) no-repeat bottom;
}
.bg_box3b_top {
	background : url(/design/images/bg_box4_corner_top.gif) no-repeat top left;
	padding :15px 10px 0 2px;
}
/* ******************************************************** FACTURATION  ********************************** */
tbody#lignes_articles_zone input.libelle { 
	/*font-family:"Courier New", Courier, monospace; */
}
tbody#lignes_articles_zone tr {
	/*height: 20px;*/
}
tbody#lignes_articles_zone tr td.td1 {
	width: 15px;
	text-align: center;
}
tbody#lignes_articles_zone tr td.td1 input.compteur_ligne_article {
	font-size: 9px; 
	color: #666;  
	border: none;
	width: 15px;
}
tbody#lignes_articles_zone tr td.td2 {
	width: 70px;
}
tbody#lignes_articles_zone tr td.td3 {
	width: 300px;
	text-align: center;
}
tbody#lignes_articles_zone tr td.td4 {
	width: 40px;
}
tbody#lignes_articles_zone tr td.td5 {
	width: 40px;
}
tbody#lignes_articles_zone tr td.td6 {
	width: 65px;
}
tbody#lignes_articles_zone tr td.td7 {
	width: 40px;
}
tbody#lignes_articles_zone tr td.td8 {
	width: 30px;
	text-align: center;
}

/* popup chiffre d'affaire mensuel */
#ca_mensuel_popup_msg {
	color: #900;
	font-size: 12px;
	font-weight: bold;
}
#ca_mensuel_popup_title {
	font-size: 16px;
}

/* popup chiffre d'affaire mensuel */
#send_mail_popup_msg {
	font-size: 16px;
}


/* ******************************************************** INFOBULLES  ********************************** */
a.infobulle {
	position: relative;
	text-decoration: none;
	color: black;
	/*border-bottom: 1px gray dotted;*/
	cursor: help;
	z-index: 1;
	white-space: nowrap;
}
a.infobulle span {
	display: none;
}
a.infobulle:hover {
	background: none; /* correction d'un bug IE */
	z-index: 500;
}
a.infobulle:hover span {
	display: inline;
	position: absolute;
	top: -1em;
	left: -1em;
	background-color: #fff;
	border: 1px dotted #ccc;
	text-align: center;
	color: #c10832;
	padding: 2px;
}

a.infobulle2 {
	position: relative;
	text-decoration: none;
	color: black;
	/*border-bottom: 1px gray dotted;*/
	cursor: help;
	z-index: 1;
	white-space: nowrap;
}
a.infobulle2 span {
	display: none;
}
a.infobulle2:hover {
	background: none; /* correction d'un bug IE */
	z-index: 500;
}
a.infobulle2:hover span {
	display: inline;
	position: absolute;
	top: -2em;
	left: -1em;
	background-color: #fff;
	border: 1px dotted #ccc;
	text-align: center;
	color: #c10832;
	padding: 2px;
}
/* ******************************************************** BT ACCES  ********************************** */
a.acces_family {
	display: block;
	float: left;
	background: url(/design/images/acces_family.jpg) no-repeat top left;
	width: 91px;
	height: 59px;
	color: #990000;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	padding: 10px 0 0 94px;
	text-decoration: none;
}
a.acces_pro {
	display: block;
	float: left;
	background: url(/design/images/acces_pro.jpg) no-repeat top left;
	width: 94px;
	height: 59px;
	color: #646464;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	padding: 10px 0 0 90px;
	text-decoration: none;
}

.admin_need {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #E23112;
	text-decoration: none;
	}