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: 12px; 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;}

div#main { position: relative; top: 20px; left: 0px; width: 209px;  height: 294px; float:left;  background:url(../images/main.png); z-index:100;}
div#xdrx-logo { position: relative; top: -70px; left: 250px; width: 262px;  height: 156px; float:left;  background:url(../images/xdrx-logo.png) repeat-x;  z-index:100;}
div#xdrx-texte { position: relative; top: -50px; left: 280px; width: 344px;  height: 156px; float:left;    z-index:100;}

div#en-savoir-plus { position: relative; top: 0px; left: 0px; width: 128px;  height: 39px; float:left; z-index:100;}
.btn-en-savoir-plus a {width:128px;height:39px;display:block;background:url(../images/btn-en-savoir-plus.png) center center no-repeat;text-indent:-9999px;overflow:hidden;}
.btn-en-savoir-plus a:hover {width:128px;height:39px;display:block;background:url(../images/btn-en-savoir-plus-hover1.png) center center no-repeat;text-indent:-9999px;overflow:hidden;}

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

div#principal {position:relative; float:left;left:0px;top:-200px;width:900px;height:317px;z-index:1;background:url(../images/bg-principal.png) repeat-x;}
div#secondaire {position:relative; float:left;left:0px;top:-315px;width:900px;height:190px;z-index:1;background:url(../images/bg-secondaire.png) repeat-x;}
div#terciere {position:relative; float:left;left:0px;top:-305px;width:900px;height:213px;z-index:1;background:url(../images/bg-terciere.png) repeat-x;}


div#logiciel { position: relative; top: 40px; left: 20px; width: 200px;  height: 120px; float:left;}
div#infrastructure { position: relative; top: 40px; left: 40px; width: 200px;  height: 120px; float:left;}
div#implantation { position: relative; top: 40px; left: 60px; width: 200px;  height: 120px; float:left;}
div#service { position: relative; top: 40px; left: 80px; width: 200px;  height: 120px; float:left;}



div#apropos { position: relative; top: 40px; left: 20px; width: 445px;  height: 120px; float:left; color:#333333;}
div#temoignage { position: relative; top: 0px; left: 20px; width: 445px;  height: 120px; float:left;}

.h1accueil {color: #003366; font-weight:lighter; margin-top:-10px; margin-bottom:5px;}
.texte-petit {color: #FFFFFF; font-size:12px;margin-top:0px;}
h2 {font-size:13pt;color:#333333;padding-top:0px;font-weight:lighter;}
.h2-gras {font-weight:bold;}
h3 {font-size:18pt;color:#3399CC;margin-top:-20px;}

div#footer {position:relative; float:left;left:0px;top:-305px;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:130px;width:900px;top:-300px;width:490px;height:51px;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:490px; width:900px;top:0px; 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; }