* {
padding: 0;
margin: 0;
text-align: left;
}

img {
border: 0;				/* corrige le problème de largeur image sous IE */
}

img, div { behavior: url(/ressources/css/iepngfix.htc) }	/* corrige le problème de transparence des png sous IE */

body {
font-family: arial, helvetica, serif;
text-align: center;			/* corrige le problème de centrage sous IE */ 
background-image: url(../img/hexagon_background.png);
background-repeat: repeat-x;
}

h2 {
height: 30px;
padding-top: 30px;
margin-bottom: 15px;
line-height: 30px;
font-size: 14pt;
color: #7f7f7f;
border-bottom: 1px dashed #7f7f7f;
font-weight: 100;
clear: both;
}

strong {
font-weight: 900;
}

p {
margin-bottom: 10px;
font-size: 11pt;
clear: both;
}

hr {
color: #cccccc;
background-color: #cccccc;
height: 1px;
border: 0;
margin-top: 15px;
margin-bottom: 10px;
}

.entete {
float: left;
}

.content {
width: 924px;
margin-right: auto;
margin-left: auto;
}

.page {
width: 616px;
display: inline;			/* Corrige le bug sous IE quand il y a un float avec des margin (margin agrandi) */
float: left;
margin-left: 5px;
margin-right: 5px;
}

.pied-page {
width: 924px;
clear: none;
float: left;
margin-top: 30px;
margin-bottom: 10px;
padding-top: 5px;
text-align: center;
color: #999999;
font-size: 9pt;
border-top: 1px solid #cccccc;
}

.pied-page span {
float: left;
margin-left: 20px;
}

.pied-page img {
float: right;
width: 73px;
height: 28px;
margin-right: 10px;
}

.logo-albee {
width: 438px;
height: 79px;
float: left;
}

.logo-albee img {
width: 438px;
height: 79px;
}

.baniere {
width: 626px;
height: 149px;
float: left;
}

.entete-formulaire {
width: 591px;
height: 25px;
line-height: 25px;
color: #ffffff;
font-weight: 900;
margin-bottom: 15px;
background-repeat: no-repeat;
background-position: left center;
padding-left: 25px;			/* Sous IE 5.5, largeur plus petite */
font-size: 10pt;
}

.colone-droite {
width: 298px;
float: right;
}

.entete-accueil {
height: 30px;
margin-top: 19px;
margin-bottom: 30px;
padding-right: 20px;
float: right;
background-image: url(../img/barre-degrade.gif);
background-repeat: no-repeat;
background-position: right bottom;
color: #999999;
font-size: 11pt;
font-weight: bold;
font-style: italic;
}

.page .ligne-separation {
height: 0;
border-bottom: 1px dashed #7f7f7f;
margin-top: 15px;
margin-bottom: 10px;
background-color: #ffffff;
}

.onglet {
border-left: solid 8px #0092dd;
padding: 2px 10px 2px 10px;
font-size: 11pt;
margin-bottom: 20px;
}

.onglet-bleu {
border-left: 8px solid #3198e8;
}

.onglet-jaune {
border-left: 8px solid #e1d737;
}

.onglet-rouge {
border-left: 8px solid #cc3366;
}

.onglet-vert {
border-left: 8px solid #6ecc33;
}

#bienvenue-d {
clear: none;
width: 250px;
float: right;
}

#bienvenue-g {
clear: none;
width: 250px;
float: left;
}

.liste-produits {
margin-bottom: 20px;
padding-bottom: 20px;
}

.liste-produits li {
display: block;
float: left;
list-style: none;
margin: 0 5px 0 5px;
font-size: 10pt;
font-weight: 900;
}

.zone-aide {
padding: 10px 30px 10px 30px;
margin-bottom: 30px;
border: solid 1px #cccccc;
font-size: 11pt;
}

.vignette-pdf li {
display: inline;			/* Corrige le bug sous IE quand il y a un float avec des margin (margin agrandi) */
float: left;
margin: 10px 7px 0 7px;
list-style: none;
}

.vignette-pdf li a {
text-decoration: none;
}

.vignette-pdf img {
border: 1px dotted #b1b1b1;
}

.vignette-pdf .thumbnail {
position: relative;
}

.vignette-pdf .thumbnail .details {
position: absolute;
top: 100px;
left: 0;
padding: 7px;
background-color: #7F7F7F;
opacity: 0.8;
color: #fff;
font-size: 9pt;
font-weight: bold;
}

.vignette-pdf li:hover .thumbnail {
opacity: 0.5;
}

.vignette-pdf .filename {
color: #666666;
font-size: 9pt;
}

.vignette-pdf .remove-link {
font-size: 9pt;
text-align: center;
margin-bottom: 4px;
}

.vignette-pdf .remove-link a {
color: #9e9e9e;
}

.vignette-pdf .remove-link a:hover {
color: red;
font-weight: bold;
}

/* Colones divisant la page en deux parties égales */
.colone-moitie-gauche {			
float: left;
width: 288px;
}

.colone-moitie-droite {
float: right;
width: 288px;
}


/*-------------------- ATTENTION ERREUR --------------------*/

.attention-erreur {
padding: 20px;
margin-bottom: 25px;
color: #a9065a;
font-size: 11pt;
background-color: #fdefef;
}

.attention-erreur li {
margin-top: 5px;
margin-left: 35px;
}


/*-------------------- ZONE PANIER --------------------*/

.zone-panier {
padding: 10px 30px 10px 30px;
background-color: #f3efb2;
text-align: center;
font-size: 10pt;
}

.zone-panier strong {
font-weight: 900;
font-size: 14pt;
color: #666666;
}

.zone-panier .icone-panier {
margin-bottom: -5px;
}

.zone-panier .bouton-panier {
margin-top: 10px;
}


/********************************************************* FORMULAIRE *********************************************************/
/*-------------------- FORMULAIRE GENERAL --------------------*/

.bouton {
margin-top: 15px;
}

label {
display: block;
float: left;
width: 120px;
margin-bottom: 10px;
}
   
form {
font-size: 11pt;
}

input, select, textarea {
margin-bottom: 10px;
}


/*-------------------- FORMULAIRE ADMIN (+ RECEPTION) --------------------*/

.form-admin fieldset {
border: 0;
margin-top: 15px;
border-bottom: 1px dashed #7f7f7f;
}

.form-admin legend {
color: #000000;
font-weight: 900;
margin-bottom: 10px;
}

.form-admin .input-radio {
margin: 0;
}

.form-admin-cv .bouton {
float: right;
}


/*-------------------- FORMULAIRE PANIER --------------------*/

.form-panier {
margin-top: 30px;
}

.form-panier label {
width: 200px;
}

.form-panier label.responsable-commande {
display: inline;
clear: both;
float: none;
}

.form-panier .input-radio {
margin: 0;
}


/*-------------------- FICHE ARTICLE --------------------*/

.fiche-article {
margin-top: 30px;
}

.fiche-article p {
clear: none;
}

.fiche-article img {
float: left;
margin-right: 15px;
}

.fiche-article .indisponible {
float: none;
margin: 0 0 -10px 0;
}

.fiche-article .disponible {
float: none;
margin: 0 0 -10px 0;
}

.fiche-article .champ-quantite {
width: 50px;
background-color: #f3efb2;
text-align: right;
margin-bottom: 0;
}

.fiche-article label {
float: none;
width: auto;
}


/*-------------------- AIDE DISTRIBUTEURS --------------------*/

.aide {
padding: 0 20px 0 20px;
}

.aide h3 {
font-size: 12pt;
font-weight: 900;
}

.aide .pied-page {
width: 100%;
}

/********************************************************* TABLEAU *********************************************************/

table {
background-color: #fff;
}

/*-------------------- TABLEAUX CV PRODUITS --------------------*/

.tableau-articles {
border-collapse: collapse;
font-size: 11pt;
}

.tableau-articles th {
height: 25px;
vertical-align: center;
font-size: 10pt;
}

.tableau-articles .photo {
width: 65px;
}

.tableau-articles .reference {
width: 65px;
}

.tableau-articles .nom {
width: 316px;
}

.tableau-articles .prix {
width: 75px;
}

.tableau-articles .indisponible {
width: 30px;
}

.tableau-articles .quantite {
width: 65px;
}

.tableau-articles td {
border-bottom: 1px solid #cccccc;
vertical-align: center;
height: 50px;
}

.tableau-articles .champ-quantite {
width: 50px;
background-color: #f3efb2;
text-align: right;
margin-bottom: 0;
}


/*-------------------- TABLEAUX CV PANIER --------------------*/

.tableau-panier {
border-collapse: collapse;
font-size: 11pt;
}

.tableau-panier th {
height: 25px;
vertical-align: center;
font-size: 10pt;
}

.tableau-panier .reference {
width: 75px;
}

.tableau-panier .nom {
width: 341px;
}

.tableau-panier .prix {
width: 85px;
}

.tableau-panier .quantite {
width: 65px;
}

.tableau-panier .supprimer {
width: 50px;
}

.tableau-panier td {
border-bottom: 1px solid #cccccc;
vertical-align: center;
height: 50px;
}

.tableau-panier .panier-somme {
background-color: #f3efb2;
font-weight: 900;
}

.tableau-panier .panier-somme td {
height: 25px;
border: 0;
}


/*-------------------- TABLEAUX ADMIN DISTRIBUTEURS --------------------*/

.tableau-admin-cv {
border-collapse: collapse;
font-size: 11pt;
}

.tableau-admin-cv th {
height: 25px;
vertical-align: center;
font-weight: 900;
font-size: 10pt;
}

.tableau-admin-cv .folio {
width: 75px;
}

.tableau-admin-cv .societe {
width: 361px;
}

.tableau-admin-cv .supprimer {
width: 45px;
}

.tableau-admin-cv .modifier {
width: 45px;
}

.tableau-admin-cv .detail {
width: 45px;
}

.tableau-admin-cv td {
border-bottom: 1px solid #cccccc;
vertical-align: center;
height: 50px;
}


/*-------------------- TABLEAUX ADMIN ARTICLES --------------------*/

.tableau-admin-articles {
border-collapse: collapse;
font-size: 11pt;
}

.tableau-admin-articles th {
height: 25px;
vertical-align: center;
font-weight: 900;
font-size: 10pt;
}

.tableau-admin-articles .reference {
width: 60px;
}

.tableau-admin-articles .nom {
width: 325px;
}

.tableau-admin-articles .prix {
width: 66px;
}

.tableau-admin-articles .indisponible {
width: 30px;
}

.tableau-admin-articles .supprimer {
width: 45px;
}

.tableau-admin-articles .modifier {
width: 45px;
}

.tableau-admin-articles .detail {
width: 45px;
}

.tableau-admin-articles td {
border-bottom: 1px solid #cccccc;
vertical-align: center;
height: 50px;
}


/*-------------------- TABLEAUX ADMIN GAMMES --------------------*/

.tableau-admin-gammes {
border-collapse: collapse;
font-size: 11pt;
}

.tableau-admin-gammes th {
height: 25px;
vertical-align: center;
font-weight: 900;
font-size: 10pt;
}

.tableau-admin-gammes .famille {
width: 150px;
}

.tableau-admin-gammes .nom {
width: 350px;
}

.tableau-admin-gammes .abreviation {
width: 116px;
}

.tableau-admin-gammes td {
border-bottom: 1px solid #cccccc;
vertical-align: center;
height: 50px;
}


/*-------------------- TABLEAUX ADMIN NEWS --------------------*/

.tableau-admin-news {
border-collapse: collapse;
font-size: 11pt;
}

.tableau-admin-news th {
height: 25px;
vertical-align: center;
font-weight: 900;
font-size: 10pt;
}

.tableau-admin-news .objet {
width: 331px;
}

.tableau-admin-news .pays {
width: 50px;
}

.tableau-admin-news .date {
width: 100px;
}

.tableau-admin-news .supprimer {
width: 45px;
}

.tableau-admin-news .modifier {
width: 45px;
}

.tableau-admin-news .detail {
width: 45px;
}

.tableau-admin-news td {
border-bottom: 1px solid #cccccc;
vertical-align: center;
height: 50px;
}


/*-------------------- TABLEAUX ADMIN RECEPTIONNAIRES --------------------*/

.tableau-admin-reception {
border-collapse: collapse;
font-size: 11pt;
}

.tableau-admin-reception th {
height: 25px;
vertical-align: center;
font-weight: 900;
font-size: 10pt;
}

.tableau-admin-reception .nom {
width: 150px;
}

.tableau-admin-reception .email {
width: 276px;
}

.tableau-admin-reception .alarme {
width: 55px;
}

.tableau-admin-reception .supprimer {
width: 45px;
}

.tableau-admin-reception .modifier {
width: 45px;
}

.tableau-admin-reception .detail {
width: 45px;
}

.tableau-admin-reception td {
border-bottom: 1px solid #cccccc;
vertical-align: center;
height: 50px;
}


/*-------------------- TABLEAUX RECEPTION STOCK --------------------*/

.tableau-reception-stock {
border-collapse: collapse;
font-size: 11pt;
}

.tableau-reception-stock th {
height: 25px;
vertical-align: center;
font-weight: 900;
font-size: 10pt;
}

.tableau-reception-stock .reference {
width: 80px;
}

.tableau-reception-stock .nom {
width: 416px;
}

.tableau-reception-stock .indisponible {
width: 30px;
}

.tableau-reception-stock .indisponible-date {
width: 90px;
}

.tableau-reception-stock td {
border-bottom: 1px solid #cccccc;
vertical-align: center;
height: 50px;
}


/*-------------------- TABLEAUX BAREMES --------------------*/

.tableau-baremes {
border-collapse: collapse;
font-size: 11pt;
}

.tableau-baremes th {
height: 25px;
vertical-align: center;
font-size: 10pt;
}

.tableau-baremes .reference {
width: 75px;
}

.tableau-baremes .nom {
width: 411px;
}

.tableau-baremes .prix {
width: 130px;
}

.tableau-baremes td {
border-bottom: 1px solid #cccccc;
vertical-align: center;
height: 50px;
}


/*-------------------- TABLEAUX CV MESSAGE --------------------*/

.tableau-cv-message {
border-collapse: collapse;
font-size: 11pt;
}

.tableau-cv-message th {
height: 25px;
vertical-align: center;
font-weight: 900;
font-size: 10pt;
}

.tableau-cv-message .reference {
width: 75px;
}

.tableau-cv-message .sujet {
width: 346px;
}

.tableau-cv-message .date {
width: 150px;
}

.tableau-cv-message .lire {
width: 45px;
}

.tableau-cv-message td {
border-bottom: 1px solid #cccccc;
vertical-align: center;
height: 50px;
}


/*-------------------- TABLEAUX RECEPTION MESSAGE --------------------*/

.tableau-reception-message {
border-collapse: collapse;
font-size: 11pt;
}

.tableau-reception-message th {
height: 25px;
vertical-align: center;
font-weight: 900;
font-size: 10pt;
}

.tableau-reception-message .reference {
width: 75px;
}

.tableau-reception-message .folio {
width: 75px;
}

.tableau-reception-message .sujet {
width: 271px;
}

.tableau-reception-message .date {
width: 150px;
}

.tableau-reception-message .lire {
width: 45px;
}

.tableau-reception-message td {
border-bottom: 1px solid #cccccc;
vertical-align: center;
height: 50px;
}


/*-------------------- TABLEAUX CV HISTORIQUE COMMANDES --------------------*/

.tableau-cv-commandes {
border-collapse: collapse;
font-size: 11pt;
}

.tableau-cv-commandes th {
height: 25px;
vertical-align: center;
font-weight: 900;
font-size: 10pt;
}

.tableau-cv-commandes .reference {
width: 171px;
}

.tableau-cv-commandes .date {
width: 200px;
}

.tableau-cv-commandes .contact {
width: 200px;
}

.tableau-cv-commandes .pdf {
width: 45px;
}

.tableau-cv-commandes td {
border-bottom: 1px solid #cccccc;
vertical-align: center;
height: 50px;
}


/*-------------------- TABLEAUX RECEPTION HISTORIQUE COMMANDES --------------------*/

.tableau-reception-commandes {
border-collapse: collapse;
font-size: 11pt;
}

.tableau-reception-commandes th {
height: 25px;
vertical-align: center;
font-weight: 900;
font-size: 10pt;
}

.tableau-reception-commandes .reference {
width: 100px;
}

.tableau-reception-commandes .date {
width: 150px;
}

.tableau-reception-commandes .folio {
width: 80px;
}

.tableau-reception-commandes .nom-societe {
width: 196px;
}

.tableau-reception-commandes .pdf {
width: 45px;
}

.tableau-reception-commandes .envoyer {
width: 45px;
}

.tableau-reception-commandes td {
border-bottom: 1px solid #cccccc;
vertical-align: center;
height: 50px;
}

/* Mise en évidence des cdes avec article indispo. */
.tableau-reception-commandes .indisponible{
background-color: #e1ffd9;
}


/*-------------------- TABLEAUX RECEPTION COMMANDE DETAIL --------------------*/

.tableau-reception-commande-detail {
border-collapse: collapse;
font-size: 11pt;
}

.tableau-reception-commande-detail th {
height: 25px;
vertical-align: center;
font-weight: 900;
font-size: 10pt;
}

.tableau-reception-commande-detail .reference {
width: 75px;
}

.tableau-reception-commande-detail .nom {
width: 346px;
}

.tableau-reception-commande-detail .prix {
width: 85px;
}

.tableau-reception-commande-detail .quantite {
width: 65px;
}

.tableau-reception-commande-detail .indisponible {
width: 45px;
}

.tableau-reception-commande-detail td {
border-bottom: 1px solid #cccccc;
vertical-align: center;
height: 50px;
}

.tableau-reception-commande-detail .commande-somme {
background-color: #e1ffd9;
font-weight: 900;
}

.tableau-reception-commande-detail .commande-somme td {
height: 25px;
border: 0;
}


/*-------------------- TABLEAUX RECEPTION COMMANDES EN SUSPENS --------------------*/

.tableau-reception-suspens {
border-collapse: collapse;
font-size: 11pt;
}

.tableau-reception-suspens th {
height: 25px;
vertical-align: center;
font-weight: 900;
font-size: 10pt;
}

.tableau-reception-suspens .reference-article {
width: 75px;
}

.tableau-reception-suspens .nom {
width: 251px;
}

.tableau-reception-suspens .reference-cde {
width: 80px;
}

.tableau-reception-suspens .folio {
width: 75px;
}

.tableau-reception-suspens .quantite {
width: 45px;
}

.tableau-reception-suspens .pdf {
width: 45px;
}

.tableau-reception-suspens .indisponible {
width: 45px;
}

.tableau-reception-suspens td {
border-bottom: 1px solid #cccccc;
vertical-align: center;
height: 50px;
}


/*-------------------- TABLEAUX EN GENERAL --------------------*/

td.sub-header {
font-size: 11pt;
font-weight: bold;
text-align: center;
height: 25px;
border: 0;
/*background-color: #f3efb2;*/
background-image: url('../img/degrade_sub-header.jpg');
}


/*-------------------- BARRE OUTILS --------------------*/

.barre-outils {
width: 924px;
height: 25px;
float: left;
}

.barre-outils a {
font-size: 9.5pt;
color: #666666;
text-decoration: none;
float: right;
height: 25px;
line-height: 25px;
}


/*-------------------- MENU HORIZONTAL --------------------*/

.menu-horiz {
list-style: none;
height: 30px;
margin-top: 19px;
margin-bottom: 30px;
float: right;
}

.menu-horiz li {
display: block;
float: left;
height: 28px;
padding: 0 8px 0 8px;
margin: 0 0px 0 10px;
line-height: 28px;
}

.menu-horiz li a {
text-decoration: none;
font-size: 9pt;
font-weight: 900;
}

.menu-horiz li a:hover {
color: #000000;
}


/*-------------------- MENU VERTICAL --------------------*/

.menu-vertic {
padding-left: 50px;
padding-bottom: 20px;
margin-bottom: 30px;
height: auto !important;		/* Corrige le problème du min-height qui n'existe pas sous IE : ligne pour Firefox */
height: 129px;				/* Corrige le problème du min-height qui n'existe pas sous IE : ligne pour IE 6 et inférieur */
min-height: 129px;			/* Corrige le problème du min-height qui n'existe pas sous IE : ligne pour Firefox */
}

.menu-vertic span {
display: block;
padding: 15px 25px 15px 0;
font-size: 14pt;
}

.menu-vertic h1 {
padding-top: 20px;
padding-bottom: 5px;
margin-bottom: 20px;
font-size: 18pt;
}

.menu-vertic ul {
list-style: none;
}

.menu-vertic li {
display: inline;
}

.menu-vertic li a {
display: block;
text-decoration: none;
font-size: 11pt;
padding: 4px 5px 4px 10px;
}

.menu-vertic li a:hover {
background-repeat: no-repeat;
background-position: right center;
}

.menu-vertic-select a {
background-repeat: no-repeat;
background-position: right center;
}

.menu-vertic li ul li a {
padding: 4px 5px 4px 25px;
background-repeat: no-repeat;
background-position: left center;
font-size: 10pt;
}

.menu-vertic li ul li a:hover {
background-repeat: no-repeat;
background-position: left center;
}


/*-------------------- BLOC LANGUES --------------------*/

.bloc-langues {
height: 149px;
padding-left: 38px;
background-color: #3198e8;
}

.fr-nl {
height: 74px;
background-color: #3198e8;
color: #ffffff;
line-height: 35px;
border: 0;
}

.bloc-langue div img {
width: 260px;
height: 35px;
}

.bloc-langues div a {
color: #ffffff;
text-decoration: none;
font-size: 16pt;
}

.bloc-langues div a:hover {
color: #ccddff;
}

.bloc-langues .ligne-separation {
height: 1px;
background-color: #ccddff;
font-size: 0;				/* Permet de réduire le bloc jusqu'à 1px de hauteur */
line-height: 0;
}


/*-------------------- CONNECTION CV --------------------*/

.form-access {
padding: 10px 40px 10px 40px;
background-color: #f3efb2;
}

.form-access fieldset {
border: 0;
}

.form-access h1 {
font-size: 14pt;
color: #b7b03e;
text-align: center;
margin-bottom: 5px;
}

.form-access label {
font-size: 10pt;
margin-bottom: 5px;
width: 90px;
}

.form-access input {
margin-bottom: 5px;
width: 120px;
}

.form-access .bouton {
display: block;				/* corrige le problème de l'espace sous l'image-bouton */
clear: both;
margin: 0 auto 0 auto;
text-align: center;			/* corrige le problème de centrage sous IE */
width: 159px;
height: 32px;
}


/*-------------------- INSCRIPTION NEWS --------------------*/

.inscription-news {
border: 1px solid #666666;
background-color: #ccddff;
padding: 15px;
margin-bottom: 30px;
}

.inscription-news label {
width: 80px;
}

.inscription-news .input-radio {
margin: 0;
}

.inscription-news p {
padding: 10px;
background-color: #3882d5;
color: #ffffff;
font-weight: 900;
font-size: 9pt;
}

.inscription-news .bouton {
margin: 0;
}

/*-------------------- INSCRIPTION NEWS : CONDITIONS -------------------*/

.conditions {
padding: 0 20px 0 20px;
}

.conditions h1 {
font-size: 15pt;
color: #7f7f7f;
border-bottom: 1px dashed #7f7f7f;
font-weight: 100;
margin: 10px 10px 20px 10px;
}

.conditions p {
margin: 10px 0 20px 10px;
}

.conditions .pied-page {
width: 100%;
}

/*@media screen and (max-width: 40em) {
   * {
   float: none !important;
   }
   
   .colone-droite > *, .baniere, .barre-outils, .menu-vertic  {
   display: none;
   }
   
   .menu-vertic, .content, .page, .pied-page {
   width: auto;
   }
   
   .menu-horiz {
   height: auto;
   }
   
   .menu-vertic ul {
   display: block !important;
   }
   
   body {
   padding: 1em;
   }
}*/