body {
	background-color:#FFFFFF;
	margin:0;
	padding:0;
	color:#555555;
	background-image:url(../images/body-bg.png);
	background-repeat:repeat-x;
	background-position:top center;
	border:0px;
	font-family: Arial,Helvetica;
	font-size: 10px;
	color: rgb(102, 102, 102);
}

#page {width:900px;margin:auto;}

#header {left:1px;top:0px;width:900px;height:206px;z-index:1; background:url(../images/bg-main.jpg) repeat-x ;}

div#logo { position: relative; top: 40px; left: 70px; width: 148px; height: 56px; float: left; }
#nav {left:3px;	top:95px;	width:700px;	height:72px;	z-index:1;	position:relative;}
#titre {position: relative; top: 72px; margin-left: 280px;}

a.lien-fil {color:#CCCC99;text-decoration:none; font-weight:bold; }
a.lien-fil:hover {text-decoration:none; color:#003366;}




div#principal {position:relative; float:left;left:0px;width:900px;height:90px;z-index:1;}

div#fil-arianne { position: relative; top: 0px; left: 0px; width: 900px;  height: 15px; float:left; z-index:100;}
div#titre-page { position: relative; top: 0px; left: 0px; width: 900px;  height: 75px; float:left; padding-top:20px; color:#006699;  background:url(../images/bg-titre-page.png) repeat-x; z-index:100;}






div#secondaire {position:relative; float:left;left:0px;width:900px;z-index:1; background:url(../images/bg-secondaire-xdrx.png)repeat-x;}
div#col-left { position: relative; top: 0px; left: 0px; width: 226px;  float:left;z-index:100;}


div#logo-xdrx{ position: relative; top: 0px; left: 0px; width: 226px; height:140px; margin-top:30px; margin-left:5px; float:left;    z-index:100;}
div#text-left{ position: relative; top: 0px; left: 10px; width: 206px; padding:5px;   float:left;    z-index:100;}











div#btn-video-demo { position: relative; top: 0px; left: 10px; width: 190px;  height: 37px; float:left; z-index:10000;}
.btn-video-demo a {width:190px;height:39px;display:block;background:url(../images/btn-video-demo-hover.png) center center no-repeat;text-indent:-9999px;overflow:hidden;}
.btn-video-demo a:hover {width:190px;height:39px;display:block;background:url(../images/btn-video-demo.png) center center no-repeat;text-indent:-9999px;overflow:hidden;}

div#btn-imprim { position: relative; top: 5px; left: 10px; width: 159px;  height: 39px; float:left;    z-index:10000;}
.btn-imprim a {width:159px;height:39px;display:block;background:url(../images/btn-imprim-hover.png) center center no-repeat;text-indent:-9999px;overflow:hidden;}
.btn-imprim a:hover {width:159px;height:39px;display:block;background:url(../images/btn-imprim.png) center center no-repeat;text-indent:-9999px;overflow:hidden;}

div#btn-dema-demo { position: relative; top: 5px; left: 10px; width: 145px;  height: 39px; float:left;    z-index:10000;}
.btn-dema-demo a {width:145px;height:39px;display:block;background:url(../images/btn-dema-demo-hover.png) center center no-repeat;text-indent:-9999px;overflow:hidden;}
.btn-dema-demo a:hover {width:145px;height:39px;display:block;background:url(../images/btn-dema-demo.png) center center no-repeat;text-indent:-9999px;overflow:hidden;}













div#center { position: relative; top: 0px; left: -100px; float:left;width: 20px;    z-index:1000; text-align:center;}
div#titre-shema { position: relative; top: 10px;left: 130px; margin:auto; width: 300px;float:left;    z-index:1000; text-align:center;}
div#shema { position: relative; top: 10px;left: 85px; margin:auto; width: 100px;float:left;    z-index:1000; text-align:center;}
div#texte-shema { position: relative; top: 140px;left: -120px;width: 400px;  float:left;    z-index:1000; text-align:center;}


div#col-right { position:relative; top:0px; left:0px; width:306px; height:675px;  float:right; background:#FFFFFF;    z-index:10;}

div#text-complements{ position:relative; top:0px; left:0px; width: 250px; height:111px;padding-left:25px;padding-right:25px; background:url(../images/bg-sub-menu.png) repeat-x;float:right;z-index:100;}






div#text-utilitaires{ position:relative; top:0px; left:0px; width: 250px; height:111px;padding-left:25px;padding-right:25px; background:url(../images/bg-sub-menu.png) repeat-x;float:right;z-index:100;}
div#text-fonctionnalites{ position:relative; top:5px; left:0px; width:250px;  padding-left:25px; padding-right:25px; padding-bottom:20px; float:left;background:#EFEFEF;  float:right; z-index:100; }







div#terciere {position:relative; float:left;left:0px; top:5px;width:900px;height:213px;z-index:1;background:url(../images/bg-terciere.png) repeat-x;}
div#partenaires { position: relative; top: 10px; left: 20px; width: 445px;  height: 120px; float:left; color:#333333;}
div#temoignage { position: relative; top: 0px; right: 10px; width: 305px;  height: 153px; float:right;}






ul {
padding-left:10px;margin:0px;  }
ul li{
margin:8px 10px; // espacement vertical puis horizontal
}

.h1accueil-thin {color: #003366; font-weight:lighter; }
.h1accueil {color: #003366; font-weight:bold;  }

.h1-pale {color:#6699CC;}
.h1-pale-thin {color:#6699CC;font-weight:400;}
.texte-petit {color: #FFFFFF; font-size:12px;margin-top:0px;}
h2 {font-size:13,5pt;color:#003366;padding-top:0px; font-weight:400;}
.h2-gras {font-weight:bold;}
.h2-pale {color:#6699CC; margin-bottom:-5px;}
h3 {font-size:9pt; color:#333333;margin-top:0px; }
hr {  clear: both;
width: 100%;
border: 0; /* enleve toute bordure */
border-bottom: 1px gray solid; /* une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE */
height: 1px; /* pour IE */}

a.menu-left {color:#003366;text-decoration:none; font-weight:100; }
a.menu-left:hover {text-decoration:none; color:#6699CC;}
a.menu-left-bold {color:#003366;text-decoration:none; }
a.menu-left-bold:hover {text-decoration:none; color:#6699CC;}






div#footer {position:relative; float:left;left:0px;width:900px;height:51px;z-index:1; background:url(../images/bg-footer.png) repeat-x;}
div#logo-avast { position: relative; top: 0px; left: 0px; width: 122px; height: 55px; float: left; }
div#adresse { position: relative; top: 18px; left: 440px; width: 322px; height: 55px; float: left; color:#FFFFFF; }

div#footer-nav {position:relative; float:right;left:530px;width:900px;height:15px;z-index:1; }
a.footer-nav { color:#003366; text-decoration:none;}
a.footer-nav:link {color:#003366; text-decoration: none; }
a.footer-nav {color:#003366; text-decoration: none; }
a.footer-nav:hover {color: #333333; text-decoration: none; }
div#rights {position:relative; float:right;left:590px; width:900px;height:20px;z-index:1; }







div#navigation { background: transparent url('../images/bg-menu.jpg') no-repeat scroll 0% 0%; overflow: hidden; float: left; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; max-width: 699px; width: 100%; height: 59px; position: relative; left: -3px; top: -26px; }
div#navigation div { float: left; margin-left: 8px; }
div#navigation span { margin-left: -9999px; }


div#second-nav {position:relative; left:645px; top:30px; text-transform: uppercase; color: rgb(111, 131, 144); font-size: 11px;  }
div#second-nav a:link, div#second-nav a:visited { text-decoration: none; color: rgb(111, 131, 144); }
div#second-nav a:hover { text-decoration: underline; color: rgb(111, 131, 144); }



div#navigation a { width: 130px; height: 50px; float: left; text-align: center; }
div#navigation span { vertical-align: middle; margin-left: -9999px; }
div#navigation .btn-accueil a { background: transparent url('../images/btn-accueil.jpg') no-repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 130px; height: 50px; cursor: default; }
div#navigation .btn-accueil a:hover { background: transparent url('../images/btn-accueil-hover.jpg') no-repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 130px; height: 50px; cursor: default; }
div#navigation .btn-accueil-active { background: transparent url('../images/btn-accueil-hover.jpg') no-repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 130px; height: 50px; cursor: default; }
div#navigation .btn-entreprise a { background: transparent url('../images/btn-entreprise.jpg') no-repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 130px; height: 50px; cursor: default; }
div#navigation .btn-entreprise a:hover { background: transparent url('../images/btn-entreprise-hover.jpg') no-repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 130px; height: 50px; cursor: default; }
div#navigation .btn-entreprise-active { background: transparent url('../images/btn-entreprise-hover.jpg') no-repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 130px; height: 50px; cursor: default; }
div#navigation .btn-produits-services a { background: transparent url('../images/btn-produits-services.jpg') no-repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 130px; height: 50px; cursor: default; }
div#navigation .btn-produits-services a:hover { background: transparent url('../images/btn-produits-services-hover.jpg') no-repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 130px; height: 50px; cursor: default; }
div#navigation .btn-produits-services-active { background: transparent url('../images/btn-produits-services-hover.jpg') no-repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 130px; height: 50px; cursor: default; }
div#navigation .btn-carrieres a { background: transparent url('../images/btn-carrieres.jpg') no-repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 130px; height: 50px; cursor: default; }
div#navigation .btn-carrieres a:hover { background: transparent url('../images/btn-carrieres-hover.jpg') no-repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 130px; height: 50px; cursor: default; }
div#navigation .btn-carrieres-active { background: transparent url('../images/btn-carrieres-hover.jpg') no-repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 130px; height: 50px; cursor: default; }
div#navigation .btn-contact a { background: transparent url('../images/btn-contact.jpg') no-repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 130px; height: 50px; cursor: default; }
div#navigation .btn-contact a:hover { background: transparent url('../images/btn-contact-hover.jpg') no-repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 130px; height: 50px; cursor: default; }
div#navigation .btn-contact-active { background: transparent url('../images/btn-contact-hover.jpg') no-repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 130px; height: 50px; cursor: default; }