BODY { 
	scrollbar-3dlight-color:#FFFFFF;
 	scrollbar-arrow-color:#FFFFFF;
 	scrollbar-base-color:#003399;
 	scrollbar-darkshadow-color:#000000;
 	scrollbar-face-color:#BACADC;
	scrollbar-highlight-color:#FFFFFF;
 	scrollbar-shadow-color:#003399;
	min-width:1250px;
	}
BODY {  
	margin: 0px;
    padding: 0px;
	}
h1 {
	font-family: Calibri;
	font-size: 14px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 13px;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
}
.titre {
	background: #4c4e5a;
    background: -webkit-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: -moz-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: -o-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: -ms-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: linear-gradient(top, #4c4e5a 0%,#2c2d33 100%); 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #FFF;
	text-decoration: none;
}
.texte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}
.texte2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
}
.texte3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	text-decoration: none;
}
.texte_over {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0066CC;
}
.erreur {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
	text-decoration: none;
}
.erreur2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #F00;
	text-decoration: none;
	text-decoration: none;
	background-color: #2176C1;
}
.erreur3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #FF0000;
	color: #FFFFFF;
	text-decoration: none;
	text-decoration: none;
}
.erreur4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #FF0000;
	color: #FFF;
	text-decoration: none;
	text-decoration: none;
}
.erreur5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	font-style:italic;
	color: #FF0000;
	text-decoration: none;
	text-decoration: none;
}
.titre2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	font-weight: bold;
}
.titre_menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #4a494a;
	text-decoration:none;
}
.descriptif {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
}
.mercuriales {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	background-color: #FFFF00;
}
.pageselec {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
}
.arborescence {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
}
.arbo_over {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #00BFBF;
	text-decoration: none;
}
.arbo_selec {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
	text-decoration: none;
}
.formulaire {
	border: 1px #666666 solid;
	font-family:Verdana;
	font-size:10px;
	color: #333333;
	background-color:#BACADC;
}
.ligne {
    background-color: #FFFFFF;
    color: #404040;
    cursor: default;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}
.ligne_selec {
	font-family: Arial, Helvetica, sans-serif;
 	font-size:12px;
	color: #333333;
	background-color:#BACADC;
}
.champ {
	border: 1px #CCCCCC solid;
	font-family:Verdana;
 	font-size:10px;
	color: #333333;
	background-color:#FFFFFF;
	border-color:#CCC;
}
.champ2 {
	border: 1px #000000 solid;
	font-family:Verdana;
 	font-size:10px;
	color: #333;
	background-color:#BACADC;
	border-color:#333;
}
.formulaire2 {
	border: 2px #DDD solid;
	font-family:Verdana;
	font-weight:bold;
 	font-size:12px;
	color: #069;
	background-color:#FFFFFF;
	text-align:right;
}
.petit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}
.petit2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	text-decoration: none;
}
.remise {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
	text-decoration: none;
}
.selection {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
}
.prix_barre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-decoration: line-through;
}
.menu_haut {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #006699;
	text-decoration: none;
}
.menu_haut:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #00BFBF;
	text-decoration: none;
}
.menu_haut2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #F00;
	text-decoration: none;
}
.menu_haut2:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #00BFBF;
	text-decoration: none;
}
.menu_gauche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #006699;
	text-decoration: none;
}
.menu_gauche:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #00BFBF;
	text-decoration: none;
}
.menu_gauche2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #F00;
	text-decoration: none;
}
.menu_gauche2:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #00BFBF;
	text-decoration: none;
}
.menu_haut3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #575757;
	text-decoration: none;
}
.blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
}
.indice_mercu {
	font-family: Arial, Helvetica, sans-serif;
	font-style:italic;
	vertical-align: super;
	font-size: .7em; 
	line-height: .8em; 
	color: #000;
}
.titre_cat {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #006699;
	text-decoration: none;
}
.ref_cat {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #006699;
	text-decoration: none;
}
.boutons {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
}
.boutons2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #F00;
	text-decoration: none;
}
.texte_recherche {
	background-color: #FF6;
	color: #666666;
}
.supp_recherche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
	text-decoration: none;
}
.titre4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #666;
	text-decoration: none;
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #ff0000;
	text-decoration: none;
	font-weight: bold;*/
}
.titre3 {
	background: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #FFF;
	text-decoration: none;
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #666;
	text-decoration: none;*/
}
#hautnoir {
	background-color: #000;
	margin: auto;
	height: 15px;
	width: 1200px;
}
.titrepage
{
	background-color:#3366CC;
	color:#FFF;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
}

div#icon-commande-option
{
	display: none;	
	position: absolute;
	right: 0;
	background-color: white;
}



.famille:hover {
	height: 23px;
	width: 255px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	/*filter: Alpha(Opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;*/
}
.famille {
	height: 23px;
	width: 255px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
.lk_famille:hover {
	font-family: Calibri;
	font-size: 15px;
	font-weight: normal;
	color: grey;
	letter-spacing: 0px;
	font-style: normal;
	text-decoration:none;
}
.lk_famille {
	font-family: Calibri;
	font-size: 15px;
	font-weight: normal;
	color: #000;
	letter-spacing: 0px;
	font-style: normal;
	text-decoration:none;
	margin-left: 15px;
}
#menu_2, #menu_1
{
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	border-left: 5px solid #999;
	border-right: 1px solid #CCC;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
/*ul.sous-menu
{
	margin: 5px;
	padding: 0px;
	list-style: none;
}

li.sous-menu > a
{
	text-decoration: none;		
	color: black;
}

li.sous-menu > a:hover
{
	text-decoration: none;		
	color: grey;
}
*/
#menu_ ul 
{
    margin: 0;
    padding: 0;
}

#menu_ ul li 
{
    clear: left;
    list-style: none outside none;
    position: relative;
}

div#menu_ ul ul.niveau2 
{
    left: 248px;
    position: absolute;
    top: 0;
    width: 210px;
}

div#menu_ ul ul.niveau3 
{
    left: 210px;
    position: absolute;
    top: -5px;
    width: 200px;
}

div#menu_ li a 
{
    color: #000000;
    text-decoration: none;
}

div#menu_ li a:hover 
{
    color: #808080;
}

div#menu_ ul ul 
{
    display: none;
    left: 248px;
    padding: 5px;
    position: absolute;
    top: 0;
}
div#menu_ ul.niveau1 li.sousmenu:hover ul.niveau2, div#menu_ ul.niveau2 li.sousmenu:hover ul.niveau3 
{
    display: block;
}

.niveau2, .niveau3 
{
    background-color: #FFFFFF;
    border-color: #CCCCCC #CCCCCC #CCCCCC #999999;
    border-left: 5px solid #999999;
    border-right: 1px solid #CCCCCC;
    border-style: solid;
    border-width: 1px 1px 1px 5px;
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    margin: 5px;
    text-decoration: none;
}
#famille1:hover,
#famille2:hover,
#famille3:hover,
#famille4:hover,
#famille5:hover,
#famille6:hover,
#famille7:hover,
#famille8:hover,
#famille9:hover,
#famille10:hover,
#famille11:hover,
#famille12:hover {
	height: 23px;
	width: 220px;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: normal;
	color: #000;
	letter-spacing: 0px;
	font-style: normal;
	text-align: left;
	padding-left:30px;
	padding-top:6px;
}
#famille1,
#famille2,
#famille3,
#famille4,
#famille5,
#famille6,
#famille7,
#famille8,
#famille9,
#famille10,
#famille11,
#famille12 {
	height: 23px;
	width: 220px;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: bold;
	color: #000;
	letter-spacing: 0px;
	font-style: normal;
	text-align: left;	
	background-repeat: no-repeat;
	padding-left:30px;
	padding-top:6px;
}
#famille1 {
	background-image: url(images/fond-boutonF1bis.png);
}

#famille2 {
	background-image: url(images/fond-boutonF2bis.png);
}
#famille3 {
	background-image: url(images/fond-boutonF3bis.png);
}
#famille4 {
	background-image: url(images/fond-boutonF4bis.png);
}
#famille5 {
	background-image: url(images/fond-boutonF5bis.png);
}
#famille6 {
	background-image: url(images/fond-boutonF6bis.png);
}
#famille7 {
	background-image: url(images/fond-boutonF7bis.png);
}
#famille8 {
	background-image: url(images/fond-boutonF8bis.png);
}
#famille9 {
	background-image: url(images/fond-boutonF9bis.png);
}
#famille10 {
	background-image: url(images/fond-boutonF10bis.png);
}
#famille11 {
	background-image: url(images/fond-boutonF11bis.png);
}
#famille12 {
	background-image: url(images/fond-boutonF12bis.png);
}

.italic {
	font-style: italic;	
}

.select
{	
	 padding:2px;
	 border:1px solid #E5C5C5;
	 border-radius:4px;
	 box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.5);
}
.horsMercu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background-color: #FFFF99;
	color: #333333;
	text-decoration: none;
	text-decoration: none;
}
.horsMercu_selec {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #FFCC00;
	color: #333333;
	text-decoration: none;
	text-decoration: none;
}
.gras {
	font-weight: bold;
}

label 
{
	display: inline;
}

.checkbox 
{
	display: none;
}

.checkbox + label 
{
	background-color: #fafafa;
	border: 1px solid #545454;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 8px;
	border-radius: 4px;
	display: inline-block;
    zoom: 1;
    *display: inline;
	position: relative;
	width: auto;
}

.checkbox:disabled + label 
{
	border: 1px solid rgba(153, 153, 153, 0.8);
}

.checkbox + label:active, .checkbox:checked + label:active 
{
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.checkbox:checked + label 
{
	background-color: #e9ecee;
	border: 1px solid #545454;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #99a1a7;
}

.checkbox:checked + label:after 
{
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: -2px;
	left: 3px;
	color: #545454;
}

.error
{
	color: red;	
}

.block
{
	display: block;	
}

.inline
{
	display: inline;	
}

.inline-block
{
	display: inline-block;
    zoom: 1;
    *display: inline;	
}

.float-right
{
	float: right;	
}

.float-left
{
	float: left;	
}

.t1
{
	display: inline-block;
    zoom: 1;
    *display: inline; 
	font-family: arial; 
	color: white; 
	border-radius: 
	10px 10px 10px 10px;
	font-size: 10px; 
	background-color: rgb(0, 102, 153); 
	padding: 0px 5px;	
}

.bg-green
{
	background-color: green; 
}

.bg-form1
{
	background-color: #DDDDDD; 
}

.bg-orange
{
	background-color: orange; 
}

.bg-white
{
	background-color: white;	
}

.bg-red
{
	background-color: #FA989A;	
}

.bg-blue
{
	background-color: #0A81FF;	
}

.pointer
{
	cursor: pointer; 	
}

div.devis,
div.commande,
div.modele
{
	display: inline-table;
	text-align: left;
	margin: 0 15px;
	min-width: 15em;
}

table.p1
{
	font-family: Arial, Helvetica, sans-serif;	
}

table.p1 tr td 
{
	padding: 0 5px;	
}

table.p1 tr td.alt
{
	background-color: #CCC;
}

.b
{
	border: 1px solid #CCC;
}

table.b 
{
	border-collapse: collapse;
}

.talign-left
{
	text-align: left;	
}

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

.talign-center
{
	text-align: center;	
}

.fs08em
{
	font-size: 0.8em;	
}

.fs1em
{
	font-size: 1em;	
}

.fs12px
{
	font-size: 12px;	
}

.arial
{
	font-family: Arial, Helvetica, sans-serif;	
}

.calibri
{
	font-family: calibri;	
}

.h2em
{
	height: 2em;	
}

.c333
{
	color: #333;
}

.va-top
{
	vertical-align: top;	
}

ul.m1
{
	display: inline-block;
    zoom: 1;
    *display: inline;
    margin: 0;
    padding: 0;
	text-align: left;
}

ul.m1 li
{
	list-style: none;	
}

ul.m1 li:hover ul.m2
{
	display: block;
}

ul.m1 li ul 
{
	 margin:0px;
	 padding: 0;
	 position: absolute;
	 display: none;
	 background-color: white;
}

.m2
{
	padding: 5px;
	color: black;	
}

.inli-tab
{
	display: inline-table;	
}

.clear
{
	clear: both;	
}

.no-border
{
	border: none;	
}

.icon-commande,
.icon-modele
{
	opacity: 0.7;	
}

.icon-commande:hover,
.icon-modele:hover,
tr:hover img.transparent
{
	opacity: 1;	
}


tr img.transparent
{
	opacity: 0.6;	
}

.marg02px
{
	margin: 0 2px;
}	

.no-decoration
{
	text-decoration:none;	
}

.viewArticles
{
	width: 20px;
	height: 8px;
	border: 1px solid #CCC;
	display: inline-block;
    zoom: 1;
    *display: inline;
	margin-left: 1px;
}
.quantite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #999;
	text-decoration: none;
}
.quantite-form {
	border-width:0px;
	text-align:right;
}

div#icon-commande-option
{
	display: none;	
	position: absolute;
	right: 0;
	background-color: white;
}

.italic {
	font-style: italic;	
}
.texte_liste {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}
.texte_liste:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #AAAAAA;
	background-color:#06C;
	text-decoration: none;
}
.formulaire1 {
    background-color: #DDDDDD;
    border: 1px solid #666666;
    color: #000000;
    cursor: default;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}

.formulaire1-on {
    background-color: #FFF;
    border: 1px solid #666666;
    color: #000000;
    cursor: default;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}
.titrepage1
{
	border-bottom: 1px solid #333;
	color:#333;
	font-size:32px;
	font-family:Calibri;
	font-weight:normal;
	text-decoration:none;
}

.sousTitreTableau 
{
    color: #333;
    font-family: Calibri;
    font-size: 28px;
    font-weight: normal;
}

.titrepage2
{
	background-color:#FF0000;
	color:#FFF;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
}
.titre-petit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #FFF;
	text-decoration: none;
	font-style:italic
}
h3 {
	font-family: Calibri;
	font-size: 14px;
	color: #666;
	font-weight: normal;
}
.presentation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	color: #333;
}
.titre-grand {
	font-family: Calibri;
	font-size: 18px;
	font-weight: bold;
	color: #069;
}

select {position: relative;}