* {font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none;	}

body {margin:0; background-color:#ffffff; font-family:verdana; font-size:10px; color:#336699;}

/*hauteur de la page*/
.table{height:101%; }

/*hauteur de l'emplacement promotion*/
.tablepromo{height:160px}

/*partie centrale de la page*/
a {color: #6699cc; }
a:hover {	text-decoration: underline;}
/*.txt {padding-left: 10px;	padding-right: 10px; text-align: justify; color: #336699; }	 */
.txt {padding-left: 10px;	padding-right: 10px; color: #336699; }
.titre {font-size: 18px;	font-weight: bold;text-decoration: underline; color: #336699; }
.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*/

/*images avec liens*/
img.link {border:1px solid #2e5e8f;}

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


/*sous-menu*/
.sousmenu {font-size: 11px; color: #f07238;	background-color: #336699; }
a.sousmenu {font-weight: bold; color: #f07238; background-color: #FFFFFF;}
a.sousmenu:hover { text-decoration: underline;}
td.sousmenu {padding: 10px; }

/*couleur principale*/
.blfonce {	background-color: #336699;	text-align: center;}

/*couleur présente sur les côtés de l'écran et dans promotions*/
.blclair {font-size: 10px; color: #000000; background-color: #6699cc; text-align: justify;	}

/*lignes blanches et contours blancs*/
.blanc {background-color: #ffffff; }

/*titre des rubriques (news, compte,...)*/
.rubric {font-size: 14px; color: #FFFFFF;	background-color: #336699; text-align: center; font-weight:bold;}

/*news */
/*.news {font-size: 11px; color: #000000; 	background-color: #6699cc; 	padding:7px;	}
.newsdate {font-size: 11px;font-weight: bold;	color: #FFFFFF; }
b.news{color:#000000; padding:0px; font-size: 12px;}
a.news { color: #FFFFFF;	}
a.news:hover { text-decoration: underline;}
*/
/*login */
.login {	font-size: 11px;	color: #333333; background-color: #6699cc; }
input.login {border:1px outset #336699; background-color:#ffffff; color:#336699; font-weight:bold;}
input.login:hover {border:1px outset #ffffff; background-color:#336699; color:white}
td.login {padding-bottom:5px; padding-top:5px }

/*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; color: #336699; }
.captiontable2 {BORDER-BOTTOM: black 1px solid; BORDER-COLLAPSE: collapse; font-size: 10px; 
font-family: Verdana, Helvetica, FontName, Sans-serif; text-decoration: none; color: #336699; }
.captiontable3 {BORDER-RIGHT: black 1px solid; BORDER-COLLAPSE: collapse;
 font-size: 10px; font-family: Verdana, Helvetica, FontName, Sans-serif; text-decoration: none; color: #336699; }
.captiontable4 {BORDER-COLLAPSE: collapse ; font-size: 10px; font-family: Verdana, Helvetica, FontName, Sans-serif; text-decoration: none; color: #336699; }


/*tableaux de prix avec titre*/
.eb-Table {BORDER: #336699 1px solid; BORDER-COLLAPSE: collapse; border-spacing: 0px; border-collapse: collapse;	}
.eb-Tablefluo{background-color: #ffff99;}
.eb-Table TH {background-color: #336699; color: #ffffff }
.eb-Table td fieldset { width : 90% ;margin-left : 20px ; padding : 10px;}
.eb-Table td legend {font-size: 15px; }
td.eb-Table {BORDER: #336699 1px solid; color:#336699;}
.eb-Tablesstitre {font-weight:bold; background-color: #6699cc; color: #ffffff; BORDER: #336699 1px solid;}
.eb-Tabletitre {color:#FFFFFF; font-weight:bolder; background-color: #336699;text-align:center; }
.eb-TableBorder {border-right:#cccccc solid 1px;border-bottom:#cccccc solid 1px;}
.eb-TableBottom {border-bottom:#cccccc solid 1px;}
.eb-TableRight {border-right:#cccccc solid 1px;}
.eb-Tablesstitre2 {font-weight:bold; background-color: #6699cc; color: #ffffff; BORDER: #cccccc 0px solid;}
/*soulignement de la somme d'une commande*/
td.somme{BORDER-TOP: #336699 1px solid; BORDER-COLLAPSE: collapse;}

/* formulaire */ 
.bordure { font-size: 10px; border : 1px solid #336699 }
textarea {font-size: 10px; border : 1px solid #336699 }
input.btn {border:2px outset #6699cc; background-color:#336699; color:white; font-weight:bold; }
input.btn:hover {background-color:white; color:#336699; }
input.btn:active {background-color:#6699cc; color:white;}



/*nom des pages*/
h1.titrepage {font-size: 18px; font-weight: normal; color: #336699;  }
h2.titrepage {position: relative; top: -20px; font-size: 18px;  color: #999999; font-weight:normal; margin-left: 35px; }

/* mise en gras du nom du site / société */
.societe {font-weight: bold; font-style: italic; font-family: Verdana, Arial;}

/*tout ce qui doit encore être modifié*/
.provisoire {font-size: 24px; color: #ff0000;  }


h2{
font-size:24px;

}
h3{
font-size:18px;
font-weight:normal;
color: #f07238;
}
h4{
font-size:12px;
text-align:center;


}

h5{
color: #4b85be;

}
.centrage {
	position:absolute;
	left:0px;
	top:0px;
	margin-left:50%;
	left:-490px;
	width:980px;
	border: 1px #336699 solid;
}
.banniere{
	position:relative;
	width:980px;
	height:121px;
	background-color:#336699;
	
}
.logo{
position:absolute;
left:0px;
z-index:3;
}
.imgdroite{
float:right;
}
.imggauche{
float:left;

}
.menu{
position:relative;
width:100%;
background-color:#eeeeee;
font-size:12px;
font-weight:bold;
}

/*menu principal*/
.mainmenu{color:#336699;}	
a.mainmenu {font-weight: bold;color: #336699; font-size : 12px;}
a.mainmenu:hover {text-decoration: none;color: #336699;}

.contenu{
position:relative;

width:770px;
float:left;
}
.main{
position:relative;
margin-left:30px;
}
fieldset {
width:760px;
border:1px solid #dbe4ed;
margin: 0px ;
padding-top : 0px ;
padding-bottom : 0px ;
padding-right : 0px ; 
}
legend{
color:#336699;
font-size:24px;
margin: 0px ;
padding : 0px ;
}
.h2bis{
position:absolute;
/*margin-top:-33px;
margin-left:8px;*/
margin-top:-42px;
margin-left:2px;
color:#4b85be;
font-size:24px;

padding-top:14px;
padding-left : 0px;
}
.news{
margin-left:40px;
width:175px;
border:solid;
border-width:1px;
border-color:#dbe4ed;
position:relative;
top:20px;
padding:10px;
padding-top:5px;
}
.titrepre{

	position:relative;
	left: 303px;
	top:-280px;
}
.presentation{
	position:relative;
	width:375px;
	left: 303px;
	top:-280px;
}
.vignettea{
	position:relative;
	float:right;
	border-color:#2e5e8f;
	border:solid;
	border-width:1px;
margin-top:-40px;
margin-right:100px;
}
.vignetteb{
	position:relative;
	float:left;
	border-color:#2e5e8f;
	border:solid;
	border-width:1px;
	margin-top:-40px;
	margin-left:30px;
}
.vignettec{
	position:relative;
	margin-top:-270px;
	float:right;
	border-color:#2e5e8f;
	border:solid;
	border-width:1px;
margin-right:100px;
}

.pub{
position:relative;
float:right;
top:30px;
margin-right:10px;
}
.piedpage{
clear:both;
background-color:#336699;
color:#FFFFFF;
font-weight:normal;
width:980px;
height:15px;
}
.ssmenusociete{
position:absolute;
top:140px;
background-color:#eeeeee;
font-size:8px;
font-weight:bold;
height:15px;
left: 140px;
color: #336699;
}

.ssmenubaies{
position:absolute;
top:140px;
background-color:#eeeeee;
font-size:8px;
font-weight:bold;
height:15px;
left: 370px;
color: #336699;
}
.ssmenuoptions{
position:absolute;
top:140px;
background-color:#eeeeee;
font-size:8px;
font-weight:bold;
height:15px;
left: 90px;
color: #336699;
}
.ssmenuconditions{
position:absolute;
top:140px;
background-color:#eeeeee;
font-size:8px;
font-weight:bold;
height:15px;
left:520px;
color: #336699;
}
.ssmenuserveurs{
position:absolute;
top:140px;
background-color:#eeeeee;
font-size:8px;
font-weight:bold;
height:15px;
left: 240px;
color: #336699;
}
.ssmenu{
margin-left:10px;
margin-right:10px;
}
a.ssmenu{
font-size:10px;
font-weight:normal;
color: #336699;
}

.imagedroite{ position:relative; top:0px;right:5px;float:right;}
.texte{width:510px;float:left;position:relative;top:20px;margin-left:5px;}
.texte2{width:400px;float:left;position:relative;top:20px;margin-left:5px;}
.texte3{width:360px;float:left;position:relative;top:20px;margin-left:5px;}
.textelarge{width:720px;float:left;position:relative;top:20px;margin-left:5px;}

.bouton{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
width:114px;
border:0px;
height:19px;
background-image:url(images/bouton.gif);
cursor:pointer;
text-align:center;
}