/* CSS Document */
body,td,th { font-family: Arial, Helvetica, sans-serif;}

body {background:url(images/bg.jpg) repeat-x; margin:0;  z-index:1;}

/*********  Bande du Centre  ********/
#bandeCentre{width:955px; position:relative; top:120px; left:50%; margin:0 0 0 -477px; z-index:2;}
#aGauche{ width:258px; float:left; z-index:3;}
#aDroite{ float:left; background:url(images/bg-droite.jpg) no-repeat; width:697px; height:320px; z-index:4;}
#titreMenu{background:url(images/bg-titreMenu.jpg) no-repeat; color:#FFFFFF; font-size:18px; font-weight:bold; width:258px; height:35px; margin:21px 0 0 0; padding:17px 0 0 0;z-index:4;}

#menuProduits{ margin:0 0 0 5px; padding:0; list-style:none;z-index:5;}
#menuProduits li{margin:5px 5px 0 0; padding:0 0 2px 0; list-style:none; border-bottom:1px dashed #4d7b9b;}
#menuProduits li a{ display:block; background:url(images/puce-menuOff.gif) no-repeat center left; width:235px; height:25px; color:#FFF; text-decoration:none; font-weight:bold; font-size:14px; padding:7px 0 0 12px;}
#menuProduits li a span{ font-size:13px;}
#menuProduits li a:hover{background:url(images/puce-menuON.gif) no-repeat center left; padding:7px 0 0 14px; width:233px; color:#063352;}

#titreTexte{ color:#FFF; width:375px; font-size:18px; padding:20px 0 0 0; margin:0px 0 0 22px; font-weight:normal; line-height:24px; z-index:10;}
#titreTexte span{ font-size:21px; font-weight:bold;}

#titreNav{ color:#FFF; width:670px; font-size:18px; padding:0; margin:20px 0 0 22px; font-weight:normal; line-height:24px; z-index:10;}
#titreNav span{ font-size:18px; font-weight:bold;}

#txtAccueil{ font-size:13px; color:#a5bfd1; margin:15px 0 0 22px; padding:0; width:380px; line-height:21px;}
#txtAccueil a{ color:#a5bfd1;}
#txtAccueil a:hover{ color:#f8b604;}
#sav{ background:url(images/bg-sav.gif) no-repeat; width:400px; height:120px; margin:15px 0 0 10px;}
#sav #intro{ margin:0 0 0 13px; padding:6px 0 4px 0; font-size:13px; font-weight:bold; color:#a5bfd1;}
#sav .savListe{margin:0 0 0 13px; padding:0; font-size:12px; color:#a5bfd1; clear:left; line-height:13px;}
#sav .savListe span{ display:block; float:left; width:6px; height:6px; line-height:6px; margin:5px 5px 10px 0; background:url(images/puce-txt.gif) no-repeat;}


#flash{ width:353px; height:320px; position:absolute; right:0; top:0; z-index:2;}

/*********  Header  ********/
#header{width:955px; margin:0 auto; position:absolute; left:50%; margin:-290px 0 0 -477px; z-index:20; top: 290px;}
#logo{ width:193px; height:59px; background:url(images/logo-tecnova.gif) no-repeat; margin:30px 0 0 10px; padding:0; text-indent:-5000px;}
#home{ display:block; width:193px; height:59px;text-indent:-5000px; position:absolute; top:30px; left:10px;}

#menuCorporate{ list-style:none; margin:0; padding:0; position:absolute; top:35px; left:260px;z-index:25;}
#menuCorporate li{ float:left; background:url(images/bg-li-coprorate.gif) repeat-y; width:135px;}
#menuCorporate li a{ display:block; margin:0 0 0 5px; padding:0; font-size:18px; font-weight:normal; color:#004f85; text-decoration:none;}
#menuCorporate li a span{ font-size:11px; color:#999999; display:block;}
#menuCorporate li a:hover{color:#f8ac04;}

#menuCorporateNav{ list-style:none; margin:0; padding:0; position:absolute; top:35px; left:235px; z-index:25;}
#menuCorporateNav li{ float:left; background:url(images/bg-li-coprorate.gif) repeat-y; width:120px;}
#menuCorporateNav li a{ display:block; margin:0 0 0 5px; padding:0; font-size:18px; font-weight:normal; color:#004f85; text-decoration:none;}
#menuCorporateNav li a span{ font-size:11px; color:#999999; display:block;}
#menuCorporateNav li a:hover{color:#f8ac04;}

/******  Zone actu    ****/
#leCentre{ position:absolute; top:440px; width:100%;z-index:80;}

#zoneActuMarque{width:955px; margin:0 auto; position:relative; background:url(images/bg-affichActu.jpg) repeat-y 259px top; height:100%;}
#colMarques{width:259px; float:left;}
#zoneActuMarque h3{ margin:0; padding:10px 0 0 10px; background:url(images/bg-soustitresBas.gif) repeat-x; height:35px; font-size:18px; font-weight:normal; color:#2c3a4d; line-height:15px;}
#zoneActuMarque h3 span{ line-height:10px; font-size:12px;}

#colMarques ul{ margin:0; padding:0 0 3px 0; list-style:none;}
#colMarques ul li{ border-bottom:1px dashed #b8bbbf; height:20px; margin:0 10px; padding:5px 0 0 0;}
#colMarques ul li a{ display:block; background:url(images/puce-menuMarques.gif) no-repeat center left; padding:0 0 0 17px; text-decoration:none; font-size:12px; color:#375072; font-weight:bold;}
#colMarques ul li a span{font-size:15px;}
#colMarques ul li a:hover{color:#f8ac04;}


/** UNE ACTU **/
#affichActu{ border-top:1px solid #FFF; float:left; width:420px; background:url(images/bg-affichActu.jpg) repeat-y; min-height:228px;}

#affichActu div{ margin:10px 15px 0 15px; padding:0;}
#affichActu div h4{ font-size:12px; color:#10598d; margin:0; padding:0;}
#affichActu div h2{ font-size:16px; color:#10598d; margin:0; padding:0;}
#affichActu div p{ font-size:13px; line-height:19px; color:#616a72; margin:10px 0; padding:0;}
#affichActu div p img{ border:2px solid #cedae3; margin:5px 5px 0 0;}
#affichActu div .plusInfo{ text-align:right; padding:0 0 10px 0;}
#affichActu div .plusInfo a{ font-size:12px; font-weight:bold; color:#10598d;}

/**  LA LISTE **/
#listeActu{width:276px; float:left;}

#listeActu div{ padding:6px 5px 6px 10px; margin:7px 10px 0 -1px;}
#listeActu div.affich{ padding:5px 4px 5px 10px; margin:7px 10px 0 -1px; background:#e6e6e6; border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-top:1px solid #d2d2d2;}
#listeActu div a{ font-size:13px; color:#10598d; font-weight:bold; text-decoration:none;}

/**  Contenu Centre **/
#zoneContenuCentre{width:955px; margin:0 auto; position:relative; z-index:90;}
#zoneContenuCentre h3{ margin:0; padding:10px 0 0 10px; background:url(images/bg-soustitresBas.gif) repeat-x; height:35px; font-size:18px; font-weight:normal; color:#2c3a4d; line-height:15px;}
#zoneContenuCentre h3 span{ line-height:10px; font-size:12px;}
#contenuCentre{ float:left; width:685px; padding:0 0 15px 0; position:relative; margin:-243px 0 0 10px; background:url(images/bg-contenuNav.jpg) no-repeat #FFF;}

#contenuCentre p{ margin:10px 15px; padding:0; font-size:13px; color:#586874;}
#introRub{ margin:10px 15px; padding:0; font-size:13px; color:#586874;}
#contenuCentre h2{color:#004e85; font-size:18px; padding:2px 0; margin:15px 15px 0 15px;}
#contenuCentre .pagination{background:url(images/bg-pagination.jpg) repeat-x; font-size:13px; margin:0 15px; padding:3px 10px 0 0; height:22px; border-top:1px dashed #004e85; text-align:right; color:#FFF;}
#contenuCentre .pagination a{color:#FFF; font-size:13px; font-weight:bold; text-decoration:none;}
#contenuCentre .pagination a:hover{color:#f8ac04;}
#contenuCentre a.lien {color:#004e85; text-decoration:underline;}
#contenuCentre a.lien:hover{color:#f8ac04; text-decoration:underline;}

#contenuCentre ul{ margin:0 15px 15px 15px; padding:0; border-bottom:1px dashed #bdbdbd; position:relative; }
#contenuCentre ul li{ list-style:none; border-top:1px dashed #bdbdbd; margin:0; padding:0;  background:#ebebeb;}
#contenuCentre ul li.pair{ background:#FFF;}
#contenuCentre ul li a{font-size:14px; font-weight:bold; color:#004e85; text-decoration:none; display:block; line-height:39px; height:39px; padding:0;}
#contenuCentre ul li a:hover{color:#f8ac04;}
#contenuCentre ul li a span{ display:block; float:left; width:100px; margin:0 5px; text-align:center; padding:3px 0 0 0;}
#contenuCentre ul li a span img{ border:0;}
#contenuCentre table a {color:#004e85; text-decoration:underline; }
#contenuCentre table a:hover {color:#f8ac04; text-decoration:underline; }

h2.titreFiche{ border-bottom:1px dashed #004e85;}
#ficheTech{ float:left; width:375px; margin:20px 0 0 0;}

#ficheTech p{margin:0 0 0 15px; color:#586874; font-size:13px; padding:0; line-height:20px;}

#photoTech{ float:left; width:290px; margin:15px 0 0 10px;}
#photoTech img{ border:2px solid #d7d7d7;}

#retourListe{background:url(images/bg-pagination.jpg) repeat-x; margin:20px 0 0 0; padding:3px 0 0 0; height:22px; border-top:1px dashed #004e85; display:block; text-align:center; width:360px; color:#FFF; font-size:13px; font-weight:bold; text-decoration:none;}
#retourListe:hover{color:#f8ac04;}

#txtActu{ float:left; width:655px; margin:15px 0 0 15px; min-height:300px; color:#586874; padding:0; line-height:20px; font-size:13px; }
#txtActu h2{ border-bottom:1px dashed #004e85; padding:0; margin:0;}
#txtActu p{margin:0px; color:#586874; font-size:13px; padding:0; text-align:justify;}
#txtActu p.introActu { color:#004e85; padding:2px 0; margin:0px 0px 10px 0px; font-size:14px; font-weight:bold;}
#txtActu a {color:#004e85; text-decoration:underline; }
#txtActu a:hover {color:#f8ac04; text-decoration:underline; }

/* ------------------------------------ */
/*          DIV FORM CONTACT            */
/* ------------------------------------ */
#zoneForm{margin:15px 0 0 0; padding:0; border:none;}
.champFrom{vertical-align:top; margin:0 0 8px 15px; padding:0 0 8px 0; width:410px;}
label { display:inline ; float:left ; width:133px; font-size:12px; font-weight:bold;}
#zoneForm .largeur{ background:none; width:270px; border:1px solid #999; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#f8b004;}
.btn {background:#004f86; color:#FFFFFF; font-weight:bold; width:120px; border:none; font-family:Arial, Helvetica, sans-serif;}

/*********  Footer  ********/
#footer{ background:url(images/bg-footer.gif) repeat-x; border-top:1px solid #FFF; position:relative; clear:left;}
#footer #conteneurLogos{ clear:left;  width:955px; margin:0 auto;} 
#footer #conteneurLogos img{ margin:2px 10px 0 0;}