/* CSS Document */
html {
height: 100%;
margin: 0px;
}
body {
font-family : Arial, Helvetica, sans-serif;
color:#000;
font-size: 14px;
/*height: 100%;*/
margin:0px;
background-color:#f5f5f5;
/*background-image:url(../images/contenu/backgrounds/fond1.jpg);*/
background-repeat:repeat-y;
background-position: center top;
background-attachment:fixed;
}
/******* REDEFINITION STYLES DE BASE ***************/
a {color:#5ec5ed;}
p, ul, form {padding:0; margin:0;}
textarea {font-family : Arial, Helvetica, sans-serif; font-size: 12px;}
img {border: none;}
h1 {
padding:0; margin: 0;
font-weight: bold;
font-size: 16px;
padding-bottom:15px;
}
h2,h3,h4,h5,h6 {padding:0; margin: 0;}
#site {
margin: 0 auto;
padding: 0;
text-align:left;
/*min-height: 100%;*/
position: relative;
width: 100%;
/*background-color:#000000;*/
/*
L'utilisation de position: relative; sur #site définit les frontières de l'élément #site comme point de repère
pour le positionnement de ses enfants. La position "top: 0px, left: 0px" est maintenant le coin supérieur gauche de #site,
au lieu de celui de body.
*/
}
/******* HEADER ***************/
#header {width: 100%; /*overflow:auto;*/ /*height: 146px;*/ position:fixed; top:0; z-index:10; background:url(../images/contenu/header/bg-100.png) top center no-repeat;}
#header .zone1 {margin: 0 auto; width: 980px; position:relative; }
#header #bandeau {height:77px; font-size: 13px;}
#header #navigation { background-color:#f5f5f5; /*5ec5ed*/}
/*
#header input[type=text],#header input[type=password] { -moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; border: none;padding:1px; padding-left:2px;font-size:11px; height: 14px;}
*/
#header #logo {width:220px; margin-right: 114px; float:left; }
#header #langues {/*width:223px;*/width:123px; float:left; overflow:auto; list-style:none; margin-top: 43px; }
#header #langues li {width: 26px; float:left; }
#header #langues li a {text-decoration: none; color:#787878;}
#header #langues li a:hover,#header #langues li a.allume {color:#5ec5ed;}
#header .icone {margin-top:18px;float:left; overflow:auto; text-align: center; color: #727272; /*border: solid 1px #fff;*/}
#header #headerDistributeur{width:148px; }
#header .icone a {text-decoration: none; color:#787878;padding-top: 39px;}
#header .icone a:hover { color:#5ec5ed;}
#header #headerRecherche a {display: block; width:86px; background:url(../images/contenu/header/bt-search.png) top left no-repeat;}
#header #headerRecherche a:hover, #header #headerRecherche a.allume {background:url(../images/contenu/header/bt-search-on.png) top left no-repeat;}
#header #headerLogin a {display: block; width:86px; background:url(../images/contenu/header/bt-login.png) top left no-repeat;}
#header #headerLogin a:hover, #header #headerLogin a.allume {background:url(../images/contenu/header/bt-login-on.png) top left no-repeat;}
#header #headerPanier a {display: block; width:86px; background:url(../images/contenu/header/bt-panier.png) top left no-repeat;}
#header #headerPanier a:hover, #header #headerPanier a.allume {background:url(../images/contenu/header/bt-panier-on.png) top left no-repeat;}
#header #header70 {display: block; width:78px; background:url(../images/contenu/header/70th-site.png) top left no-repeat; height: 40px; margin-top: 27px; margin-left: 26px;}
#header #encartRecherche {width: 234px; height: 64px; padding: 10px; color: #fff; position: absolute; top: -100px; left: 710px; background:#000; z-index: 20;}
#header .invite {font-size: 14px;margin-bottom:8px;}
#header #encartRecherche input {-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; border: none;padding:1px; }
#header #encartRecherche #search {}
#header #encartRecherche #search #s {width: 140px; background-image:url(../images/contenu/header/search-bg.gif); background-repeat:no-repeat; background-position: top left; border: none; font-size: 12px; padding: 2px; padding-left:17px; }
#header #encartRecherche #search #btSearch {height: 21px; width: 30px; text-align:center;}
#header #encartLogin {width: 234px; height: 86px; padding: 10px; color: #fff; position: absolute; top: -100px; left: 710px; background:#000; z-index: 20;}
#header #encartLogin {border:none; width:220px; float:left; padding-left:11px; padding-right: 11px; height: background-repeat:repeat-x;font-size: 11px;}
#header #encartLogin input { margin-top: 2px; width: 85px;font-size: 11px;}
#header #encartLogin input.Submit {width: 26px; height: 17px; font-size: 11px; font-weight: bold;-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; border: none; background-color:#fff; padding:0; }
#header #encartLogin .perdu {margin-top:2px; }
#header #encartLogin .bienvenue {font-weight: bold; }
#header #encartLogin a {color: #fff;}
#header .encartCatalogueEtranger {width: 260px; height: 90px; padding: 10px; color: #fff; position: absolute; top: -150px; left: 410px; background:#000; z-index: 20;}
#header .encartCatalogueEtranger {border:none; width:260px; float:left; padding-left:11px; padding-right: 11px; height: background-repeat:repeat-x;font-size: 11px;}
#header .encartCatalogueEtranger a {color: #fff;}
/*
#header #coteDroit{width:588px; float:left; overflow:auto; border: solid 1px #fff;}
#header #coteDroit #langue{list-style:none; width:100%; overflow:auto; margin-top: 6px;}
#header #coteDroit #langue li{float: right; width: 23px;}
#header #coteDroit #langue li.premier {width: 16px;}
#header #coteDroit #sousLangues {width:100%; overflow:auto;margin-top: 10px;}
#header #sousLangues #zone3 {width:187px; margin-left: 0px; float:left;margin-right:0px; margin-top: 13px;}
#header #sousLangues #zone3 #search {margin-top:3px;}
#header #sousLangues #zone3 #search input {width: 115px; background-image:url(../images/contenu/header/search-bg.gif); background-repeat:no-repeat; background-position: top left; padding-left:17px; border: none;}
#header #monCompte {border:none; width:220px; float:left; padding-left:11px; padding-right: 11px; height: background-repeat:repeat-x;font-size: 11px;}
#header #monCompte .invite {font-weight:bold;}
#header #monCompte input { margin-top: 2px; width: 85px;font-size: 11px;}
#header #monCompte input.Submit {width: 26px; height: 17px; font-size: 11px; font-weight: bold;-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; border: none; background-color:#fff; padding:0; }
#header #monCompte .perdu {margin-top:2px; }
#header #monCompte .bienvenue {font-weight: bold; }
#header #monCompte a {color: #fff;}
#header #panier {width:117px; margin-left: 20px; float:left; text-align: right; }
#header #panier a {color: #fff; text-decoration:none;}
#header #panier a:hover {color: #fff; text-decoration:underline;}
#header #panier .prix {margin-top: 3px; text-align:right;}
*/
#contenu {margin-top: 143px; line-height:17px; z-index:0; }
#contenu.catalogue.amateur { background-image:url(../images/contenu/catalogue/fond-amateur3.png); background-position:center top; background-repeat:no-repeat; min-height: 570px; background-attachment:fixed;}
#contenu.catalogue.entretien { background-image:url(../images/contenu/catalogue/fond-entretien4.png); background-position:center top; background-repeat:no-repeat; min-height: 570px;background-attachment:fixed;}
.zone2 {/*background-color:#FF9933;*/ }
#zoneCentre { width: 948px; margin: 0 auto; margin-bottom: 25px;padding: 16px; padding-bottom: 25px; padding-top:15px;position: relative; height: 100%;}
/******* HOMEPAGE ***************/
#homepageG {margin-right:37px; width: 650px; float: left; /*margin-top: 30px;*//* border: solid 1px #fff;*/}
#homepageD {width: 240px; float: left;margin-top: 30px; /*border: solid 1px #fff;*/}
#homepageD .vignetteB {border: solid 2px #000;}
#homepageG h4 {font-size:21px; font-weight:normal;}
#homepage h1 {margin:0; padding:0;margin-top:40px;margin-bottom:8px; line-height:20px;}
#homepage h2 {line-height:18px; font-size: 14px; font-weight:normal;}
.homeSupport {margin-top:50px;}
.homeSupport p {font-size: 14px; font-weight:bold; margin-bottom: 4px;}
.homeSupport ul{ list-style:none;}
.homeSupport li {height: 42px; margin-bottom: 10px; padding-left: 50px; padding-top: 3px;}
.homeSupport li.video {background:url(../images/contenu/bt-support-video.png) top left no-repeat;}
.homeSupport li.info {background:url(../images/contenu/bt-support-info.png) top left no-repeat;}
.homeSupport li.vues {background:url(../images/contenu/bt-support-vues.png) top left no-repeat;}
.homeSupport li a {display:block; height: 100%; text-decoration:none;}
/************* GENERAL ****************/
#spacer {margin-right: 8px; margin-bottom:4px; width: 18px; height: 18px;background-color: #5ec5ed;}
/******* CATALOGUE *******************/
.catalogue h1 {font-size: 20px; padding:0; font-weight:normal;}
.catalogue #titre {width: 100%; overflow:auto; }
.catalogue #titre #spacer {margin-right: 8px; margin-bottom:4px; width: 18px; height: 18px;}
.catalogue #titre h1 {float:left;width: 75%;}
.catalogue #titre .affichage { float:right; width: 25%; text-align:right;}
.catalogue #titre .affichage a {text-decoration: none; color:#000;}
.catalogue #tabListe, #tabMiniatures {margin-top:22px;}
.catalogue #tabListe tr {cursor:pointer;}
.catalogue #tabListe tr a, .catalogue #tabMiniatures tr a {text-decoration: none;}
.catalogue .reflectCataMiniaturesNO {margin-bottom: 8px;}
/******* PRODUIT *******************/
.autresProduits {font-size: 12px; font-style:italic;}
.autresProduits a {color:#000;}
.autresProduits a:hover {color:#5ec5ed;}
#homepageG.produit {margin-right:0px; width: 592px;}
#homepageD.produit {width: 340px; margin-top:0px; }
#homepageD.produit.pleine {width: 100%;}
.produit h1 {font-size: 24px; padding:0; font-weight:normal; margin-bottom: 10px;}
.produit h1 a {text-decoration: none;}
#infosProduit {/*margin-top: 35px; border: solid 1px #000;*/}
.pleine #infosProduit {margin-top: 0px;}
#infosProduit h3 {font-size: 24px; font-weight: normal; line-height: 22px; margin:0; padding:0; margin-bottom: 10px; }
#infosProduit h2 {font-size: 21px; font-weight: bold;line-height: 25px; margin-bottom: 8px;}
#home_diaporama1 {width: 550px; border: solid 1px #F5F5F5; height: 535px; }
#home_diaporama1 .big {display:none;}
#home_diaporama1 .big a img {cursor:url(../images/contenu/produit/magnify.cur), pointer !important; }
#home_diaporama1 .big.selected {display:block;}
#home_diaporama.vignettes {width: 100%; overflow:auto;}
#home_diaporama.vignettes li {float: left; height: 64px; width:64px; margin:0; padding:0; margin-right: 8px; margin-bottom: 10px; list-style:none;}
#home_diaporama.vignettes li a img {border:solid 2px #000;}
#home_diaporama.vignettes li a img.selected {border:solid 2px #5ec5ed;}
#infosProduit ul.descrip {margin-top: 10px; margin-bottom: 15px;}
#infosProduit ul.descrip li {margin-left: 20px; padding-left: 0px;}
#infosProduit #caracteristiques {margin-top: 7px; margin-bottom:16px; font-size:17px;}
#infosProduit .description {}
#infosProduit #texteP li {margin-bottom: 7px;}
#infosProduit #texteP a {color:#000;}
.produit .prix{font-weight: bold; font-size: 19px; text-align:center;}
.produit .prix .prixBarre{font-weight: normal; font-size: 15px; color:#CC0000; text-decoration: line-through;}
.produit .prix .remiseIncluse{font-weight: normal; font-size: 11px; color:#333; }
.produit .poids {margin-top:7px; font-weight: bold; font-size: 13px;}
#tableauCommande {margin-top: 32px;}
#tableauCommande .texteAjout,#tableauCommande .texteDispo {font-size: 11px;}
#tableauCommande .texteAjout a {text-decoration:none; color:#000;}
.produit .ruptureStock {margin-top: 6px; font-style:italic;}
#complement {margin-top:35px;}
#complement ul.onglets { height:35px; list-style:none; width: 330px; }
/*
#complement ul.onglets li {border-bottom: solid 1px #000; border-top: solid 1px #f5f5f5;border-left: solid 1px #f5f5f5;border-right: solid 1px #f5f5f5; height: 26px; padding-top: 9px; color: #000; display: inline; font-size: 12px; padding-left:8px; padding-right: 8px; float:left; cursor:pointer;}
#complement ul.onglets li a {text-decoration:none; color: #000; }
#complement ul.onglets li.clique{border-top: solid 1px #000;border-left: solid 1px #000;border-right: solid 1px #000;border-bottom: solid 1px #f5f5f5; }
#complement ul.onglets li.clique a {text-decoration:none; color: #000;}
#complement ul.onglets li.sfHover a {text-decoration:none; color: #000;}
#complement ul.onglets li.fin {border-bottom: solid 1px #000; }*/
/*
#complement ul.onglets li {border-bottom: solid 3px #fff; height: 26px; padding-top: 9px; color: #000; display: inline; font-size: 12px; padding-left:8px; padding-right: 8px; float:left; cursor:pointer; background-color:#e8e8e8;}
#complement ul.onglets li a {text-decoration:none; color: #000; }
#complement ul.onglets li.clique {background-color:#ffffff;}
#complement ul.onglets li.clique a {text-decoration:none; color: #000;}
#complement ul.onglets li.sfHover a {text-decoration:none; color: #000;}*/
#complement ul.onglets li {border-bottom: solid 1px #000; /*border-top: solid 1px #f5f5f5;border-left: solid 1px #f5f5f5;border-right: solid 1px #f5f5f5;*/ height: 26px; padding-top: 9px; color: #000; display: inline; font-size: 12px; padding-left:8px; padding-right: 8px; float:left; cursor:pointer; width: 100%; text-align:center;}
#complement ul.onglets li.moitie {width: 40%; }
#complement ul.onglets li.clique {border-top: solid 1px #000;border-left: solid 1px #000;border-right: solid 1px #000; border-bottom:none; font-weight:bold;}
#complement ul.onglets li a,#complement ul.onglets li.clique a,#complement ul.onglets li.sfHover a {text-decoration:none; color: #000; }
#complement .encart {margin-top: 6px;}
#complement #tabAssocies {font-size:11px;}
#complement #tabAssocies a {text-decoration:none;}
.encart li {margin-bottom: 1px; margin-top: 10px; background-image:url(../images/contenu/produit/pdf2.png); background-position: top left; background-repeat: no-repeat; padding-left: 42px;list-style:none; height: 30px; padding-top: 6px;}
#complement #tabAssocies .ref {font-weight: bold; font-size:12px;}
#complement #tabAssocies .abrege {font-size: 12px; }
#complement #tabAssocies .abrege a {color:#000;}
#complement #encart2 a {font-size: 12px;color:#000;}
/******* KIT *******************/
#kitListe td, #kitListe th {padding: 5px; margin: 2px;}
#kitListe th {font-weight:bold; font-size:15px; background-color: #5ec5ed; color:#fff;}
#kitListe td {border-top: solid 1px #000;}
#kitListe td .qte {width: 50px; text-align:center;}
#kitListe .ref {font-weight:normal;}
#kitListe .sommeBas {font-weight:bold; font-size:19px;/* color:#5ec5ed;*/ color:#000; text-align:left;}
#kitListe .prix{font-weight: bold; font-size: 12px;}
#kitListe .prix .prixBarre{font-weight: normal; color:#CC0000; text-decoration: line-through; font-size: 12px;}
#kitListe .remiseIncluse{font-weight: normal; font-size: 11px; color:#333; }
#kitListe .prixLigne {font-weight:bold; font-size: 13px;}
#kitListe .indispo { background-color:#fee778;}
.kit .ajout {text-align:right; margin-top: 20px;}
/******** COMPTE ***************/
.compteConnexion {overflow: auto;}
.compteConnexion .form {margin-bottom:30px;}
.compteConnexion .gauche {float: left; width: 500px;}
.compteConnexion .droite {float: left; width: 440px;}
/******** COMMANDE ET PANIER ***************/
.commandeNavigation {list-style:none; width: 100%; overflow: auto; margin-bottom: 20px; background-color:#dfdfdf;}
.commandeNavigation li {float: left; margin-right: 40px; padding: 4px;}
#zoneCentre .commandeNavigation a {text-decoration:none; color:#5ec5ed;}
#zoneCentre .commandeNavigation a:hover {text-decoration:underline;}
/*.panier .invitePro {border: dotted 1px #ccc; padding: 2px; margin-right: 6px; font-weight:bold;}*/
.panier .invitePro { border: solid 1px #ccc; width: 440px;-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; padding:5px; background-color:#fdd751; margin-top:27px; margin-bottom:20px; color: #333;}
.panier .invitePro .titre {font-size: 19px; font-weight:bold; /*font-family:"Times New Roman", Times, serif;*/ font-style:italic; padding: 3px; margin-bottom: 4px; background-color: #FEE778;}
.panier .invitePro a {color: #333;}
/*.panier #commandeRapide #ref {font-size: 11px; width: 90px; height: 12px;}
.panier #commandeRapide .aide {margin-top: 4px;font-size: 11px; line-height:12px;}*/
.panier .infosPrix {font-size: 11px; font-style:italic;}
.panier #recap {margin-top: 27px;}
.panier .recalculer {font-size:11px;}
.panier .qte {width: 25px; text-align:center; font-size: 11px;}
.panier .NomColonne {
font-weight: bold;
padding-top: 2px;
padding-right: 0px;
padding-bottom: 2px;
padding-left: 0px;
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #fff;
border-right-color: #fff;
border-bottom-color: #fff;
border-left-color: #fff;
/*text-transform: uppercase;
margin-bottom:12px;*/
}
.panier .NomColonne2 {
padding-top: 2px;
padding-right: 0px;
padding-bottom: 2px;
padding-left: 0px;
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #fff;
border-right-color: #fff;
border-bottom-color: #fff;
border-left-color: #fff;
}
.panier .SousLignePanier {
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #fff;
border-right-color: #fff;
border-bottom-color: #fff;
border-left-color: #fff;
}
.panier .PanierPrix {
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #fff;
border-right-color: #fff;
border-bottom-color: #fff;
border-left-color: #fff;
}
.panier #commandeRapide { border: solid 1px #ccc; width: 500px;-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; padding:5px; background-color:#fdd751; margin-top:27px; margin-bottom:20px; color: #333;}
.panier #commandeRapide .titre {font-size: 19px; font-weight:bold; /*font-family:"Times New Roman", Times, serif;*/ font-style:italic; padding: 5px; margin-bottom: 4px; background-color: #FEE778;}
.panier #commandeRapide #ref {font-size: 11px; width: 90px; height: 12px;}
.panier #commandeRapide .aide {margin-top: 4px;font-size: 11px; line-height:12px;}
.panier .lignePanier {background-color: #fff; padding-top: 12px; margin-top: 4px;}
.panier .prixFinal {font-size: 17px; font-weight:bold;}
.panier #actionsBoutons {margin-top: 40px; text-align:center;}
.panier #actionsBoutons a {padding: 6px; cursor: pointer; background-color:#333; border: solid 1px #fff; color: #fff;-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; text-decoration:none; font-size: 14px; margin-left: 5px; margin-right: 5px; font-weight:bold;}
.panier .banque {margin-top: 39px; font-size: 11px;}
.panier .banque img {padding-right: 10px; padding-bottom: 3px;}
.panier .avertoMiniCommande {font-weight:bold; color:#CC0000;}
/******** AUTOCOMPLETE ***************/
.ui-autocomplete {
max-height: 240px;
overflow-y: auto;
/* prevent horizontal scrollbar */
overflow-x: hidden;
}
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
height: 240px;
}
.ui-autocomplete-loading {
background: white url('../images/contenu/boutons/ajax-loader.gif') right center no-repeat;
}
.ui-menu .ui-menu-item {padding-bottom: 10px; border-bottom: solid 1px #000; margin-bottom: 10px; font-size: 12px;}
.ui-menu-item .ref {font-weight: normal; color:#44bcea; font-size: 13px;}
.ui-menu-item .designation {font-weight: bold;}
/******** PANIER COORDONNEES ***************/
.panier_coordonnees {height: 400px;}
.panier_coordonnees h2 {font-size: 14px; margin-top: 20px; padding-bottom: 2px; border-bottom: dotted 1px #fff; margin-bottom: 2px;}
#FORM_CDE input {font-size: 12px; height: 13px; margin-bottom:2px; width: 350px;}
#FORM_CDE input.envoyer { height: 20px; margin-bottom:2px; width: 100px;}
#FORM_CDE input.bt { height: 14px; margin-bottom:2px; width: 14px;}
#FORM_CDE select {font-size: 12px; height: 20px; margin-bottom:2px; width: 350px;}
/******** ARTICLE ***************/
.article h1 {font-size: 24px; padding:0; font-weight:normal; margin-bottom: 10px;}
.article ul {margin-left:10px; padding-left:20px;}
.article .aTelecharger {margin-top: 25px;}
.article .aTelecharger .titre {font-weight: bold; font-size: 14px; border-bottom: dotted 1px #fff; padding-bottom:2px; margin-bottom: 3px;}
.article .aTelecharger ul {margin:0; padding:0; }
.article .aTelecharger li {background-image:url(../images/contenu/boutons/document.png); background-position: top left; background-repeat:no-repeat; margin-bottom: 3px; list-style:none; padding-left: 30px; margin-left: 25px; height: 26px;}
/********** ACTUALITES = CATEGORIE ****************/
/*.categorie {margin-bottom: 40px; padding-bottom:15px; border-bottom: solid 1px #fff;}*/
.categorie h2 {font-size: 14px;}
.categorie .date {font-weight:bold; color:#5ec5ed;}
/******** PAGE PAIEMENT ***************/
.pagePaiement .titrePrestation {margin-bottom: 6px; font-weight: bold; font-size: 13px;}
.pagePaiement .montant {margin-bottom:22px;}
/******** NEWSLETTER / CONTACT ***************/
.formContact {margin-top: 26px;}
.formContact td {padding-bottom:3px;}
.formContact .champ {margin-left: 5px; width: 200px; font-size: 12px; height: 14px;}
.formContact textarea {margin-left: 5px; width: 400px; font-size: 12px; height: 140px; font-family:Arial, Helvetica, sans-serif;}
.newsletter .loi {margin-top:30px; font-size: 11px;}
/******** FICHES ***************/
.fiches h2{font-size: 14px; margin-left: 20px;margin-top: 18px;}
.fiches ul {margin-left: 40px; }
.fiches li {margin-left: 33px;}
.fiches li a {text-decoration:none; color:#000;}
.fiches li a:hover {text-decoration:underline; color:#5ec5ed;}
.fiches .spacer2 {margin-right: 5px; margin-bottom:2px; width: 11px; height: 11px;background-color: #c42826;}
/******** TOOLBAR ***************/
.toolsBar {position:fixed; width: 56px; background-color:#000; top: 50%; overflow:hidden; right: 0px; z-index: 200; margin-top:-130px;}
.toolsBar ul {position: relative; margin:0; padding:0; list-style:none; top:0; }
.toolsBar ul li { }
.toolsBar ul li a {width: 56px; display: block;}
.toolsBar ul li a span {visibility:hidden;}
.toolsBar ul li a.up { background:url(../images/contenu/toolsbar/up.png) top left no-repeat; height: 50px; }
.toolsBar ul li a.up:hover { background:url(../images/contenu/toolsbar/up-on.png); }
.toolsBar ul li a.down { background:url(../images/contenu/toolsbar/down.png) top left no-repeat; height: 52px; }
.toolsBar ul li a.down:hover { background:url(../images/contenu/toolsbar/down-on.png); }
.toolsBar ul li a.youtube { background:url(../images/contenu/toolsbar/youtube.png) top left no-repeat; height: 48px; }
.toolsBar ul li a.youtube:hover { background:url(../images/contenu/toolsbar/youtube-on.png) top left no-repeat; height: 48px; }
.toolsBar ul li a.mail { background:url(../images/contenu/toolsbar/mail.png) top left no-repeat; height: 40px; }
.toolsBar ul li a.mail:hover { background:url(../images/contenu/toolsbar/mail-on.png) top left no-repeat; }
.toolsBar ul li a.facebook { background:url(../images/contenu/toolsbar/facebook.png) top left no-repeat; height: 50px; }
.toolsBar ul li a.facebook:hover { background:url(../images/contenu/toolsbar/facebook-on.png) top left no-repeat;}
.toolsBar ul li a.rss { background:url(../images/contenu/toolsbar/rss.png) top left no-repeat; height: 51px; }
.toolsBar ul li a.rss:hover { background:url(../images/contenu/toolsbar/rss-on.png) top left no-repeat; }
.toolsBar ul li a.minimize { background:url(../images/contenu/toolsbar/reduire2.png) top left no-repeat; height: 20px; }
.toolsBar ul li a.maximize { background:url(../images/contenu/toolsbar/agrandir2.png) top left no-repeat; height: 20px; }
.toolsBar ul li.maxi {display:none;}
.toolsBar ul li.mini {display:block;}
/******* FOOTER ***************/
#piedPage {width: 100%; background:#000;}
/*#header .zone1 {margin: 0 auto; width: 980px; position:relative; }*/
#footer {margin: 0 auto; margin-top:20px; background-color:#000; width: 980px; overflow: auto; padding-top: 10px; padding-bottom: 10px;/* border: solid 1px #fff;*/}
#footer ul {list-style:none; float: left; margin-left:20px; }
#footer ul.un {width: 130px;}
#footer ul.deux {width: 190px; text-align: left;}
#footer ul.trois {width: 240px;}
#footer ul.quatre {width: 240px;}
#footer ul li {margin-bottom: 3px;}
#footer ul li.gros {font-size: 15px; font-weight:normal;}
#footer ul li.icones img {margin-right: 7px;}
#footer a {color: #fff; text-decoration:none;}
#footer a:hover {text-decoration:underline;}