/* ------------------------------------ */
/* Style a afficher dans l'editeur HTML */
/* ------------------------------------ */
/* 
A81C07 Rouge foncé

---------- Balises HTML */
*
{
	margin: 0;
	padding: 0;
}

body
{
	background-color:#FAFAFA;
	background-image:url(picts/fond_kopal.jpg);	
	background-repeat:repeat-x;
}

body, td
{
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana,  sans-serif;
	color:White;
}

img
 {
	border:0px;
	}
	
input
{	
	
	font-size: 10px;
	font-family: Arial, Helvetica, Verdana,  sans-serif;
	color:black;
	border:1px solid #AAA;
}
textarea
{
	font-size: 10px;
	font-family: Arial, Helvetica, Verdana,  sans-serif;
	color:black;
	border:1px solid #AAA;
}

select
{
	font-size: 10px;
	font-family: Arial, Helvetica, Verdana,  sans-serif;
	color:black;
	border:1px solid #AAA;
}
h1
{
}

h2
{
}


h3
{
}

h4
{
}

p 
{
	}



a
{
	color: white;
	border-bottom: 0px dotted #fffff0;
	text-decoration:none;
}

a.Catalogue_web
{
	width:179px;
	height:249px;
	/*background-image:url(picts/Interface.png);
	background-repeat:no-repeat;*/
	display:block;
}

.txtclear {
	font-size:1px;
	clear:both;
}	


.col_orange
{
	color:#F27000;
	
	}

.col_bleu
{
	color:#005AA1;
}

.col_jaune
{
	color:#e2b603;
	}
	
.col_violet
{
	color:#8A1876;
	}
	
.col_rouge 
{
	color:#D8001A;
	}

.col_vert
{
	color:#008836;
	}

.col_blanc
{
	font-size:0px;
	}
	
	
	
a.col_orange:visited
{
	color:#F27000;
	
	}

a.col_bleu:visited
{
	color:#005AA1;
}

a.col_jaune:visited
{
	color:#e2b603;
	}
	
a.col_violet:visited
{
	color:#8A1876;
	}
	
a.col_rouge:visited
{
	color:#D8001A;
	}

a.col_vert:visited
{
	color:#008836;
	}

.largetitre
{
	padding-left:10px;
	width:180px;
}	
.orange
{
	background-image:url(picts/orange.gif);
	background-repeat:repeat-y;
	height:100%;	
	}

.bleu
{
	background-image:url(picts/bleu.gif);
	background-repeat:repeat-y;
	height:100%;	
}

.jaune
{
	background-image:url(picts/jaune.gif);
	background-repeat:repeat-y;
	height:100%;	
	}
	
.violet
{
	background-image:url(picts/violet.gif);
	background-repeat:repeat-y;
	height:100%;	
	}
	
.rouge
{
	background-image:url(picts/rouge.gif);
	background-repeat:repeat-y;
	height:100%;	
	}

.vert
{
	background-image:url(picts/vert.gif);
	background-repeat:repeat-y;
	height:100%;	
	}
	
	

.orange_fond
{
	background-image:url(picts/orange_fond.gif);
	background-repeat:repeat-y;
	}

.bleu_fond
{
	background-image:url(picts/bleu_fond.gif);
	background-repeat:repeat-y;
	}

.jaune_fond
{
	background-image:url(picts/jaune_fond.gif);
	background-repeat:repeat-y;
	}
	
.violet_fond
{
	background-image:url(picts/violet_fond.gif);
	background-repeat:repeat-y;
	}
	
.rouge_fond
{
	background-image:url(picts/rouge_fond.gif);
	background-repeat:repeat-y;
	}

.vert_fond
{
	background-image:url(picts/vert_fond.gif);
	background-repeat:repeat-y;
	margin-top:5px;
	margin-left:2px;
	}

.Familles_kopal
{
	display:none;
	}
.curFamilles_kopal
{
	display:block;
	}
							
a:visited
{
	color: white;
	text-decoration: none;
}

a:hover
{
	border-bottom: #7C0700;
	border-width: 0 0 0px 0;
	border-style: none none solid none;
	color:#0072BC;
}

.titre_bleu{
font-size:11px;
	color:#0B3D92;
	font-weight:bold;
	
}
.vignette {
	text-align:center;
	width:150px;
	height:150px;
	padding:0;
	margin:0;
	border:1px outset #ccc;
	background-color:#0B3D92;
}

ul { margin: 15px 15px 15px 25px; }

label
{
	display:block;
	margin-left:10px;
	width:170px;
	float:left;
	color:#0B3E91;
	}

label.obligatoire
{
	color:Red;
	}	

fieldset
{
	padding:10px;
	}
legend
{
	color:White;
	font-weight:bold;
	}


.formbutton
{
	color: white;
	margin-top: 15px;
	padding: 15px;
	background-color:#0B3E91;
}

a.formbutton:link, a.formbutton:visited
{
	color: #white;
	font-size: 11px;
	font-weight: bold;
	font-style: none;
	text-decoration: none;
	margin-top: 15px;
	padding: 4px;
	border-width: 1px;
	border-style: solid;
	border-color: #FFF #CACACA #CACACA #FFF;
}

a.formbutton:hover
{
	color: red;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	background-color: #D5E6F0;
	text-align: center;
	padding: 2px;
	border-color: #DB1702;
	border-width: 1px;
	border-style: solid;
}

.formbutton2
{
	color: black;
	margin-top: 0px;
	padding: 0px;
	background-color:white;
	border:solid 1px black;
}

a.formbutton2:link, a.formbutton2:visited
{
	color: black;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	margin-top: 0px;
	padding: 0px;
	border-width: 1px;
	border-style: solid;
	border-color: #000;
}

a.formbutton2:hover
{
	color: black;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	margin-top: 0px;
	padding: 0px;
	border-width: 1px;
	border-style: solid;
	border-color: #000;
}

.famille
{
	float:left;
	}

.listeproduit
{
	float:left;
	background-color:black; /*#9B7501; /*-9B7501 ; 9B7501 #A81C07;#DF6352 #9B7501 #8D3572 */
	
	color:#FFF;
	width:300px;
	margin:5px 10px 5px 10px;
	
	padding:2px;
	border:white solid 1px;
	
	}

.listeproduit a
{	
	color:#FFF;
	font-size:11px;
	text-decoration:none;
	
		}
	
.listeproduitImage
{
	float:left;
	width:120px;
	height:120px;
	margin:5px;
	text-align:center;
	background-color:White;
	}
.listeproduitDesig
{
	margin:0px;
}
    	
		
.MBMain
{
	/*background-color: #CCC;*/
	width: auto;
	margin: 0;
	padding: 0;
	height: 24px;
	border-top: 2px #1F4C96 solid;
	border-right: 2px #1F4C96 solid;
	border-bottom: none;
	border-left: 2px #1F4C96 solid;
}

.MBSub
{
	background-color: #799CD0;
	border-top: 1px #C9D4EC solid;
	border-right: 2px #9CA5AD solid;
	border-bottom: 2px #8E969D solid;
	border-left: 1px #C2CDD7 solid;
	margin: 0;
	padding: 0;
	/* CSS 3 */
	opacity: 0.9;
}

.menu
{
	color:white;
	text-decoration:none;
	font-weight:normal;
	text-align:center;
	padding-top:10px;
	font-size:15px;
	font-weight:bold;
	height:35px;
	border:0px;
	background-image: url("picts/bouton.jpg");
	background-repeat:no-repeat;
}
.menu_over
{
	color:#FFF;/*#9B7501*/
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	padding-top:10px;
	font-size:15px;
	height:35px;
	border:0px;
	background-image: url("picts/menu_Over.jpg");
	background-repeat:no-repeat;
}

.menuhl
{
	color: #000;
	width: 96px;
	font-size: 8pt;
	font-weight: bold;
	font-stretch: condensed;
	padding-top: 5px;
	border-right: 1px #B3B3B3 solid;
	text-align: center;
	background-color: #9B7501; /*9B7501 #6181A2;*/
}

.menuN2
{
	color: white;
	font-size: 9pt;
	font-weight: normal;
	margin-right: 5px;
	margin-left: 5px;
	border-right: 1px #FFF solid;
	border-bottom: 1px #9c9c9c solid;
	height: 18px;
	margin: 0;
	padding: 4px 0 0 2px;
	cursor: hand;
	background-color: black;
}

.menuN2hl
{
	color: white;
	font-size: 9pt;
	font-weight: normal;
	margin-right: 5px;
	margin-left: 5px;
	border-right: 1px #7BAF00 solid;
	border-bottom: 1px #C9D4EC solid;
	height: 18px;
	
	background-color: #9B7501 /*DF6352*/;
	margin: 0;
	padding: 4px 0 0 2px;
}
.menuN2 a, .menuN2 a:visited
{
	color: white;
	font-size: 9pt;
	font-weight: normal;
	text-decoration: none;
	border: none;
}
.menuN2:hover
{
	color: #000;
	background-color: #c3c3c3;
}
.menuN2 a:hover { color: #000; background-color: #6C7FA6; }

.menuN3
{
	color: #004C9A;
	font-size: 8pt;
	font-weight: normal;
	margin-right: 5px;
	margin-left: 5px;
	border-right: 1px #FFF solid;
	border-bottom: 1px #888 solid;
	height: 16px;
	margin: 0;
	padding: 4px 0 0 25px;
	background-color: #C6D2E5;
	background-image: url(picts/css/fond_menu_L3.png);
	background-repeat: no-repeat;
	background-position: 4px 6px;
}
.menuN3 a, .menuN3 a:visited
{
	color: #004C9A;
	border: none;
}
.menuN3:hover { background-color: #839ECF; }
.menuN3 a:hover { background-color: #839ECF; }

.menuON { color: #C5AE82 }



.company
{
	text-transform: uppercase;
	color: #1E4A9B;
}

.prodcaract
{
	color: #666;
	font-size: 10pt;
}

.prodvalue
{
	font-size: 10pt;

}

.prodprix
{
	font-size: 9pt;
	color: #555;
	margin: 0 0 0 15px;
	font-style: italic;
	font-weight: normal;
}

.tabSpec th
{
	text-align: left;
}
.tabSpec td, .tabSpec th
{
	padding-left: 3px;
	border-bottom: 1px #CCC solid;
	padding-right: 3px;
	padding-top: 6px;
}

.legende
{
	color: white;
	font-size: 8pt;
	background-color: #009dd9;
	text-align: center;
}

.MarginTop { margin-top: 50px; }
.MarginLeft { margin-left: 10px; }

.image
{
	margin: 2px;
	border: 1px #0B3D92 solid;
}

.imageclient
{
	border: 1px #c2c2c2 solid;
	margin:0;
	padding:0;
	}
.imageleft
{
	padding-right: 5px;
	float: left;
}
.imageactu
{
	margin-right: 3px;
	padding-bottom: 2px;
	float: left;
	width: 100px;
	height: 64px;
	background-color: #92A7D3;
	text-align: center;
	border: 1px #92A7D3 solid;
}
.texteactu
{
	margin-right: 5px;
	float: left;
	width: 160px;
	height: 64px;
	font-size: 8pt;
}
div.texteactu h3
{
	font-size: 8pt;
	padding: 0;
}

.bulletBR
{
	right: 0;
	bottom: 0;
}

.path { font-size: 8pt; }
.BreakPage { page-break-before: always; }



/* ---------- Microformats */
.vcard
{
	color: #3E84C9;
	font-size: 8pt;
	margin: 0;
	/*margin: 15px 5px 5px 5px;*/
	/*background-color: #1E4A9B;*/
	text-align: center;
	padding: 30px 3px 3px 3px;
}

.vcard a
{
	color: #3E84C9;
	text-decoration: none;
	font-weight: bold;
}

.vcard .fn
{
	text-transform: uppercase;
}


.FormLPMail { 	font-family: Arial, Helvetica, Verdana,  sans-serif;	font-size: 16px; 	color: #000; 	background-color: #fff; }
.FormLIMail { 	font-family: Arial, Helvetica, Verdana,  sans-serif;	font-size: 16px; 	color: #000; 	background-color: #fff; 	}

.FormMailTitle{	font-family: Arial, Helvetica, Verdana,  sans-serif; 	font-size: 16px; 	color: #000; 	}
.FormMailValue{ 	font-family: Arial, Helvetica, Verdana,  sans-serif;	font-size: 16px; 	color: #000; 	}