body{
padding-left:0px;
padding-top:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#660033;
background-color:#dfe1ee;/* changement de la couleur de fond*/
}

/*partie centrale de la page*/
a {color: #333333; font-weight:bold;}
a.piedpage {color: #FFFFFF; font-weight:bold;}
a.footer {color: #FFFFFF; }
a:hover {	text-decoration: underline;}
/*.txt {padding 0px;	margin 0px; padding-right:20px; text-align:justify;}	*/
.txt {padding :0px;	margin: 0px; padding-right:20px;}
.sstitre {font-size: 14px;	font-weight: bold;}
.txttable {padding-left: 10px;	padding-right: 10px;}
.txts { font-size: 9px; } /*utilisé dans les tableaux de prix pour que HTVA et TVAC soient plus petits que le prix*/

a.topmenu {color: #ffffff; font-weight:bold;text-decoration:none;font-size:12px;}
a.topmenu:hover {	text-decoration: none;}
a.mainmenu {color: #660033; font-weight:bold;text-decoration:none;font-size:12px;}
a.mainmenu:hover {	text-decoration: none;}


/*images avec liens*/
img.link {border:1px #660033 solid;margin-top:10px;margin-bottom:5px;}
img.link2 {border:1px #660033 solid;}
img.camera {border: 1px solid #dfe1ee; }

/*listes à puces*/
ul {list-style-type: disc; margin: 5px; 	padding-left: 15px;}
ul ul {list-style-type: circle; }


/*page accueil dealer, liens sous forme de liste*/
a.liste {color: #333333; font-weight: bold; border:0px; line-height:20px;margin-left:10px;}
a.liste:hover {text-decoration: underline;}

.logindealer {color: white; }	
a.logindealer {font-weight: bold; border:0px;}
a.logindealer:hover {text-decoration: underline;}

/*couleur de background*/
.fond1 { background-color: #660033; margin:0;}

/* tableaux avec une bordure colorée*/
.fond2 {border: 1px #660033 solid; background-color: #dfe1ee; font-size:10px; padding:7px; text-align:justify;}
.blanc {border: 1px #660033 solid; background-color: #ffffff; color:#660033; font-size:10px;  }

/*marge des tableaux */
.tableau {margin-top:21px; margin-left:15px; margin-right:15px;}
.vignette{margin-top:21px; margin-bottom:21px; margin-right:14px;}
.domaine{margin-top:21px;}

/*titre des rubriques (news, compte,...)*/
.rubrictexte{color: #FFFFFF;  font-size:12px; font-weight:bold; }

.rubric{ background-image: url(images/titre_rubrique.jpg); background-repeat: no-repeat; text-align:center;}
.rubric2{  background-color: #660033; text-align:center;}
.rubric3{ background-image: url(images/titre_rubrique.jpg); background-repeat: no-repeat;  background-color: #6C6C8E; text-align:center;}
th.rubric {width:178px; height:25px;color:white;}
th.rubric3 {width:178px; height:25px;color:white;}

a.news { color: #333333; border:0px; padding:0px;}
a.news:hover { text-decoration: underline;}

/*survol points d'interrogation */
.captiontable {BORDER-BOTTOM: black 1px solid;BORDER-RIGHT: black 1px solid; BORDER-COLLAPSE: collapse;
 font-size: 10px; font-family: Verdana, Helvetica, FontName, Sans-serif; text-decoration: none;}
.captiontable2 {BORDER-BOTTOM: black 1px solid; BORDER-COLLAPSE: collapse; font-size: 10px; 
font-family: Verdana, Helvetica, FontName, Sans-serif; text-decoration: none;}
.captiontable3 {BORDER-RIGHT: black 1px solid; BORDER-COLLAPSE: collapse;
 font-size: 10px; font-family: Verdana, Helvetica, FontName, Sans-serif; text-decoration: none;}
.captiontable4 {BORDER-COLLAPSE: collapse ; font-size: 10px; font-family: Verdana, Helvetica, FontName, Sans-serif; text-decoration: none;}

/*tableaux de prix avec titre*/
.eb-Table {BORDER: 0px ; BORDER-COLLAPSE: collapse; }
.eb-Table2{ background-image:url(images/fond.jpg);   }
.hbg-Table {BORDER: 1px solid #660033 ; BORDER-COLLAPSE: collapse; }
.hbg-Tablesstitre {font-weight:bold; background-color: #dfe1ee; color: #660033; text-align: center; BORDER: #660033 1px solid;height:25px;}

.eb-Tablefluo{background-color: #ffff99;}
th.eb-Table  {background-color: #660033; color: #ffffff ; height:25px; font-size:14px; }
.eb-Tablesstitre {font-weight:bold; background-color: #dfe1ee; color: #660033; text-align: center; BORDER-left: #660033 1px solid;BORDER-right: #660033 1px solid; height:25px;}
.eb-Tablesstitre2 {font-weight:bold; background-color: white; color: #660033; font-weight:bold; text-align: center;  }
/*soulignement de la somme d'une commande*/
td.somme{BORDER-TOP: #660033 1px solid; BORDER-COLLAPSE: collapse;}
.Table-Title{ background-color: #660033; color: #ffffff ; height:25px; font-size:14px; padding-left:20px;  }
.Table-Title2{background-color: #660033; color: #ffffff ; height:25px; font-size:12px; text-align:center;}
.Table-Title3{ background-image: url(images/titre_tableau.jpg); background-repeat: no-repeat; text-align:center;width:570px;height:25px;color:white;}
.Table-Title4{background-color: #660033; color: #ffffff ; height:16px; font-size:10px; text-align:center;}
/* formulaire */ 
.bordure { font-size: 10px; border : 1px solid #660033 ;}
textarea {font-size: 11px; border : 1px solid #660033 }

textarea.bordure {font-size: 12px; border : 1px solid #660033 }
.btn{font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
background-color:#660033;
width:114px;
border:0px;}


input.login{font-size: 10px; border : 1px solid #660033;}
/* mise en gras du nom du site / société */
.societe {font-weight: bold; font-style: normal;}


.miseenvaleur {color: red; font-size:14px;}	
.red{color: red; font-size:12px;}

.provisoire {color: red; font-size:24px;}	
a.provisoire{font-weight: bold;}
a.provisoire:hover {text-decoration: underline;}

.soustitre{
font-weight:bold; 
background-color: #dfe1ee; 
color: #660033; 
text-align: center;
 height:25px; 
 BORDER-bottom: #660033 1px solid;
}

.soustitre2{
font-weight:bold; background-color: #dfe1ee; color: #660033; text-align: center; BORDER-right: #660033 1px solid; BORDER-bottom: #660033 1px solid; height:25px;
}






/*new css*/

h1{
font-size:18px;
font-weight:normal;
}
h2{
position:relative;
left:15px;
font-size:12px;
}


h3{
font-size:12px;
}
h4{
font-size:12px;
}
h5{
font-size:10px;
}
input.editable{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#660033;
border:1px;
border-color:#660033;
border-style:solid;
}
.bouton{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
background-color:#660033;
width:114px;
border:0px;
height:19px;
background-image:url(images/bouton.gif);
cursor:pointer;
}
.centrage {
	position:absolute;
	left:0px;
	top:0px;
	margin-left:50%;
	left:-450px;
	width:900px;
	
	border: 1px #660033 solid;
	background-color:#FFFFFF;
}
.banniere {
position:relative;
left:0px;
width:900px;
height:95px;
background-image:url(images/fondbanniere.gif);
margin-bottom:110px;/* rajout du margin bottom */
}

.clavier {
	
float:right;

}

.terrebas{
	position:absolute;
	left:0px;
	top:0px;
	width:204px;
	height:200px;
	z-index:3;
}

.menubanniere{
position:absolute;
z-index:6;
right:0px;
top:0px;

}


.ligne{
position:absolute;
top:20px;
width: 100%;
height:10px;
background-image:url(images/ligne.gif);
background-repeat:repeat-x;
}
.ligne2{
position:absolute;
top:30px;
width: 100%;
height:10px;
background-image:url(images/ligne.gif);
background-repeat:repeat-x;
}
.lignedomaine{
position:absolute;
top:30px;
width: 300px;
height:10px;
background-image:url(images/ligne.gif);
background-repeat:repeat-x;
}

.colgauche{
float:left;/*mi en float pour que la partie centrale ne soit pas rabaissée*/
position:relative;/*passé d'absolu a relatif*/
/*top: 205px;*//*supprime le top*/
top:-20px;
left:10px;
width:129px;
z-index:4;
/*background-color:#FFFFFF;*/ /* on supprime la couleur de fond de la colonne gauche qui n'a plus lieux d'etre*/

}
.coldroite{
/*top:189px;*//*supprime le top*/
float:right;
position:relative;/*passé d'absolu a relatif*/
top:-60px;
width:129px;
z-index:4;
right:10px;
}

.titre {
	position:absolute;
	top:-30px;
	left:-20px;
width:600px;
	z-index:200;
}
.contenu{
position:relative;/*passé d'absolu a relatif*/
/*top:225px;*//*supprime le top*/
top:-10px;
left:50px;
width:534px;
z-index:7;
}
/*.pub2{
position:relative;
top:20px;
}*/
.piedpage{
clear:both;
background-color:#660033;
color:#FFFFFF;
font-weight:normal;
width:900px;
height:15px;
}

/*contenu page d'accueil*/
.news{
	padding-right:0px;
}

.produits{
	position:absolute;
	width:171px;
	left:0px;
}

.webmail{
	position:absolute;
	margin-top:25px;
	width:180px;
	
}

.nomdedomaine{
	position:relative;
	width:434px;
	top:-10px;
	margin-bottom:-200px;	
}

table{
font-size:10px;
}
#help {
	position:absolute;
	top:-10px;
	left:415px;
	z-index:4;
}

.help{background-image:url(images/fond.jpg);padding:10px;

left:-50px;
	z-index:4;
}
.ssmenu{background-image:url(images/fond.jpg);padding:10px;}
.ssmenu2{background-image:url(images/fond.jpg);padding:2px;}
a.sousmenu{
	color:#660033;
	text-decoration:none;
	line-height:18px;
	padding-left:5px;
}
a.sousmenu:hover{
	color:#910047;
    text-decoration:none;
}
a.sousmenu2{
	color:#660033;
	text-decoration:none;
	margin-left:20px;
	line-height:14px;
}
a.sousmenu2:hover{
	color:#910047;
text-decoration:none;
}

div.logoshebergement{
   position:absolute;
	top:270px;
	left:-60px;
width:180px;
	z-index:4;
}
.hbg-Table2 {BORDER: 1px solid #660033 ; BORDER-COLLAPSE: collapse; width:390px;}
.commande{position:relative;
width:390px;
}
.commandelarge{position:relative;
width:700px;
}
.content{position:relative;
width:500px;
}
.table-compa{
width:500px;
}
.table-compa2{
width:500px;
border:1px solid #660033;
}
.scroll{
position:absolute; 
top:-45px;
left:70px;
z-index:16;
width:600px;
}
.scrollred{
color:red;
font-size:12px;
}

.promo{
position: relative;
top:30px;
left: 250px;
}
.menuhor{
position:absolute;
top:100px;
margin-left:175px;
z-index: 10;
}
.logindealer{
position:relative;
top:-7px;
left:-2px;
width:100px;
color:#660033;
}
.lignedroite{
position:relative;
background-image:url(images/ligne.gif);
background-repeat:repeat-x;
top:0px;
height:3px;
}
.lignevert{
position:absolute;
right:155px;
top:140px;

}
select.txt{
font-size:10px;
padding-right:0px;
}
select{
font-size:10px;
}

table.admin{
    position : relative ;
    margin : 0px;
    padding:0px ;
    left : -30px;
{