body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

ul#navigation {
	list-style-type:none;
	position:relative;
	margin:0;
	padding:0;
	width:396px;
	height:75px;
	background:#5d6a8a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
}

ul#navigation li {
	position:relative;
	float:left;
	width:36px;
	height:49px;
	background:#fff;
}

ul#navigation li a {
	display:block;
	position:relative;
	width:35px;
	height:100%;
	color:#FFF;
	text-decoration:none;
	-moz-outline-style:none;
}

ul#navigation li#nav_cuivre a {
	background:url(../images/navigation/nav_cablage-cuivre.jpg) no-repeat 0 0;
}

ul#navigation li#nav_cuivre a:hover {
	background:url(../images/navigation/nav_cablage-cuivre.jpg) no-repeat 0 -49px;
}

ul#navigation li#nav_optique a {
	background:url(../images/navigation/nav_cablage-optique.jpg) no-repeat 0 0;
}

ul#navigation li#nav_optique a:hover {
	background:url(../images/navigation/nav_cablage-optique.jpg) no-repeat 0 -49px;
}

ul#navigation li#nav_telephonie a {
	background:url(../images/navigation/nav_telephonie.jpg) no-repeat 0 0;
}

ul#navigation li#nav_telephonie a:hover {
	background:url(../images/navigation/nav_telephonie.jpg) no-repeat 0 -49px;
}

ul#navigation li#nav_accessoires a {
	background:url(../images/navigation/nav_accessoires.jpg) no-repeat 0 0;
}

ul#navigation li#nav_accessoires a:hover {
	background:url(../images/navigation/nav_accessoires.jpg) no-repeat 0 -49px;
}

ul#navigation li#nav_cordons a {
	background:url(../images/navigation/nav_cordons.jpg) no-repeat 0 0;
}

ul#navigation li#nav_cordons a:hover {
	background:url(../images/navigation/nav_cordons.jpg) no-repeat 0 -49px;
}

ul#navigation li#nav_composants a {
	background:url(../images/navigation/nav_composants.jpg) no-repeat 0 0;
}

ul#navigation li#nav_composants a:hover {
	background:url(../images/navigation/nav_composants.jpg) no-repeat 0 -49px;
}

ul#navigation li#nav_divers a {
	background:url(../images/navigation/nav_divers.jpg) no-repeat 0 0;
}

ul#navigation li#nav_divers a:hover {
	background:url(../images/navigation/nav_divers.jpg) no-repeat 0 -49px;
}

ul#navigation li a span {
	display:block;
	position:absolute;
	top:55px;
	left:-9999px;
	white-space:nowrap;
}

ul#navigation li#nav_cuivre a:hover span {
	left:5px;
}

ul#navigation li#nav_optique a:hover span {
	left:-31px;
}

ul#navigation li#nav_telephonie a:hover span {
	left:-67px;
}

ul#navigation li#nav_accessoires a:hover span {
	left:-103px;
}

ul#navigation li#nav_cordons a:hover span {
	left:-139px;
}

ul#navigation li#nav_composants a:hover span {
	left:-175px;
}

ul#navigation li#nav_divers a:hover span {
	left:-211px;
}

a.lien1
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5D6A8A;
	text-decoration: none;
}

a.lien1:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F7AAE2;
	font-weight: bold;
	text-decoration: none;
} 

a.lien2
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5D6A8A;
	text-decoration: none;
}

a.lien2:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9A74B3;
	font-weight: bold;
	text-decoration: none;
} 

a.lien3
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5D6A8A;
	text-decoration: none;
}

a.lien3:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3E70B7;
	font-weight: bold;
	text-decoration: none;
} 

a.lien4
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5D6A8A;
	text-decoration: none;
}

a.lien4:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #79A2D5;
	font-weight: bold;
	text-decoration: none;
} 

a.lien5
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5D6A8A;
	text-decoration: none;
}

a.lien5:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #68BCD8;
	font-weight: bold;
	text-decoration: none;
} 

a.lien6
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5D6A8A;
	text-decoration: none;
}

a.lien6:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #C2DA5E;
	font-weight: bold;
	text-decoration: none;
} 

a.lien7
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5D6A8A;
	text-decoration: none;
}

a.lien7:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #99CC63;
	font-weight: bold;
	text-decoration: none;
} 

a.lien8
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5D6A8A;
	text-decoration: none;
}

a.lien8:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6AA137;
	font-weight: bold;
	text-decoration: none;
} 

a.lien9
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5D6A8A;
	text-decoration: none;
}

a.lien9:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #E2B124;
	font-weight: bold;
	text-decoration: none;
} 

a.lien10
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5D6A8A;
	text-decoration: none;
}

a.lien10:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #D88D2A;
	font-weight: bold;
	text-decoration: none;
} 

a.lien11
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5D6A8A;
	text-decoration: none;
}

a.lien11:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FA5341;
	font-weight: bold;
	text-decoration: none;
} 

.info1 {
	font-family:arial,helvetica,sans-serif; 
	font-size:11px; 
	color:#666666; 
	text-decoration:none 
}

.bleu {
	background-color: #5D6A8A;
}

.bleu2 {
	background-color: #3F4E6F;
}

.bleu3 {
	background-color: #3E70B7;
}

.bleu4 {
	background-color: #79A2D5;
}

.bleu5 {
	background-color: #68BCD8;
}

.gris {
	background-color: #DEE0E6;
}

.gris2 {
	background-color: #EAEBF0;
}

.gris3 {
	background-color: #C3C5C8;
}

.gris4 {
	background-color: #D0D3DC;
}

.rose {
	background-color: #ca9c46;
}

.rose2 {
	background-color: #DA78B0;
}

.vert {
	background-color: #44A02D;
}

.vert2 {
	background-color: #C2DA5E;
}

.vert3 {
	background-color: #96a844;
}

.vert4 {
	background-color: #6AA137;
}

.violet {
	background-color: #44a6c3;
}

.orange1 {
	background-color: #c15b76;
}

.orange2 {
	background-color: #838099;
}

.rouge {
	background-color: #288190;
}

.txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #5D6A8A;
}

.txt2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5D6A8A;
}

.txtnoir {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
}

.txtnoir2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

.txtnoir2gras {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
    font-weight: bold;
    text-decoration: none;
}

.txtnoir3gras {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
    font-weight: bold;
}

.txtgrisgras {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7D7D7D;
    font-weight: bold;
}
.txtgrisgras13 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #7D7D7D;
    font-weight: bold;
}

.txtblc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}

.txtgris {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #C3C5C8;
    text-decoration: none;
}

.txtgris2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #807F84;
    text-decoration: none;
}

.txtgris3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #807F84;
    text-decoration: none;
	line-height: 14px;
}

 .input{
 border-bottom: #A5ACB2 1px solid ;
 border-top: #A5ACB2 1px solid ;
 border-left: #A5ACB2 1px solid ;
 border-right: #A5ACB2 1px solid ;
 background-color: #FFFFFF;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #000000;
}

#unehaut {POSITION: absolute; VISIBILITY: visible; z-index:3;width:120; height:21;left:700px; top: 440px;}
#unebas {POSITION:absolute; VISIBILITY: visible; z-index:3;width:120; height:21;left:700px; top: 560px;}
#dejaContainer{border-style:solid;position:relative; width:500; height:185; z-index:3;overflow:hidden; top:200; left:36; clip:rect(0,95,180,0); }
#dejaContent{border-style:solid;position:absolute; top:1; left:2}


 .txtselected {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #44A02D;
    text-decoration: none;
}

.posrelative{
	POSITION: relative;
}
#conteneur{
	OVERFLOW: hidden;
	WIDTH: 350px;
	height: 100px;
	CLIP: rect(0px 350px 300px 0px);
	POSITION: absolute;
}