body {
    font-size: 11pt;
    font-family: arial, helvetica, sans-serif;
    font-style: normal; 
    background-color: white;
    margin : 0;
    overflow : hidden;
}

body .Facture {
    overflow : auto;
}

a:link,
a:hover,
a:active,
a:visited {
    color: navy;
    font-size: 12pt;
    font-family: arial, helvetica, sans-serif;
    font-style: normal;
    text-decoration: none; 
}

img {
    border : 0;
}

/* Couleur par défaut des Galeries */

.Gallerie5x3,
.Gallerie4x4,
.Gallerie3x3 {
    background-color: white; /* #CCCCFF; */
}

.Gallerie2x2 {
    background-color: white; /* #A989F1; */
}
.titre {
    color: navy;
    text-align: center;
    font-family: arial, helvetica, sans-serif;
    font-size: 120%; 
}


/* Couleurs du Menu Vertical */

.MenuVertical { }

.MenuVertical td,
.MenuVertical a:link,
.MenuVertical a:visited,
.MenuVertical a:hover,
.MenuVertical a:active {
    color: black;
    font-size: 10pt;
    font-style: normal;
    text-decoration: none;
    padding-left: 1pt;
    font-family: arial, helvetica, sans-serif;
}

.MenuVerticalSousItem,
.MenuVerticalSousItem td,
.MenuVerticalSousItem a:link,
.MenuVerticalSousItem a:visited,
.MenuVerticalSousItem a:hover,
.MenuVerticalSousItem a:active {
    color : black;
    font-family: arial, helvetica, sans-serif;
    font-size: 7pt; 
    font-style: normal;
    /* text-transform : lowercase; */ 
}

.FondPage {
    background-color: #94BFFF;
}

.EtiquetteFamille,
.EtiquetteFamille td,
.EtiquetteFamille a:link,
.EtiquetteFamille a:visited,
.EtiquetteFamille a:hover,
.EtiquetteFamille a:active {
    color: white;
    font-family: arial, helvetica, sans-serif;
    font-style: normal;
    font-size: 10pt; 
}


.MenuHorizontal{
    background: url("../img/boutonElydis.jpg") center center fixed repeat;
    
    font: bold 10pt arial;
    text-decoration: none;
    margin: 0px;
}

.SeparateurMenuHorizontal {
    color: #18287F;
}

.MenuHorizontal a {
    position: relative;
    top: 5px
}

.MenuHorizontal a:link,
.MenuHorizontal a:visited,
.MenuHorizontal a:hover,
.MenuHorizontal a:active {
    color: white;
    font: bold 10pt arial;
    text-decoration: none; 
    margin: 0px;
}

.MenuHorizontalSousItem {
    background: url("../img/boutonElydis.jpg") center center fixed repeat;
    padding: 0pt;
    font-family: arial, helvetica, sans-serif;
    margin: 0px;
}

.MenuHorizontalSousItem a:link,
.MenuHorizontalSousItem a:visited,
.MenuHorizontalSousItem a:hover,
.MenuHorizontalSousItem a:active {
    color: white;
    font: bold 9pt arial;
    text-decoration: none;
    margin: 0px;
}


/* Moteur de Recherche : Page de résultat */
.TableResultatRecherche {
    background-color: #19287F; text-align: left; color: #19287F; font: normal 10pt arial; margin-top: 4px;
}
.TableResultatRecherche th {
    background-color: #19287F; color: white; padding-top: 4px; padding-bottom: 4px; padding-left: 6px; font: normal 10pt arial;
}
.TableResultatRecherche td {
    background-color: white; padding: 6px;
}
.NomItemRecherche, .NomItemRecherche a,
.NomItemRecherche a:link, .NomItemRecherche a:visited, 
.NomItemRecherche a:active, .NomItemRecherche a:hover {
    font: normal 10pt arial;
    text-decoration: underline; 
}
.DescriptionItemRecherche, .DescriptionItemRecherche a,
.DescriptionItemRecherche a:link, .DescriptionItemRecherche a:visited, 
.DescriptionItemRecherche a:active, .DescriptionItemRecherche a:hover {
    font: normal 10pt arial;
}

.titreformulaire {
    color: black;
    font-family: arial, helvetica, sans-serif;
    font-style: normal;
    font-size: 10pt; 
    text-align: center;
    position: absolute;
}


.PiedDePage, .PiedDePage table {
    background-image: url(../img/boutonPall.jpg);
    font: normal 10pt arial;
    color: #FFFFFF;
    padding-left: 10px;
    padding-right: 10px;
}

.PiedDePage a:link, .PiedDePage a:visited, .PiedDePage a:active, .PiedDePage a:hover {
    font: normal 10pt arial;
    color: #FFFFFF;
}

a.lienElydisPied:link, a.lienElydisPied:visited, a.lienElydisPied:active {
    font: bold 10pt arial;
    color: #FFFFFF;
    text-decoration: none;
}

.lienElydisPied:hover {
    font: bold 10pt arial;
    text-decoration: underline;
}

.TitrePanier {
    color: navy;
    font-size: 12pt;
    font-weight : bold;
}

.Bandeau { }
.RechercheMotCleRapide { }
.TextePagesAjustables { }


/* Arborecence des Familles de Produits */
.ArboFamilleRacine, :link.ArboFamilleRacine, :visited.ArboFamilleRacine, :active.ArboFamilleRacine {
    font: bold 12pt arial;
    color: #6E6E6E;
    text-decoration: none;
}
:hover.ArboFamilleRacine {
    font: bold 12pt arial;
    text-decoration: underline;
}

a.ArboFamille, a.ArboFamille:link, a.ArboFamille:visited, a.ArboFamille:active {
    font: normal 10pt arial;
    color: #6E6E6E;
    text-decoration: underline;
}
a.ArboFamille:hover {
    color: #6E6E6E;
    text-decoration: none;
}
.ArboFamilleSepar {
	color : #6E6E6E;
	font: normal 10pt arial;
}

/* lien vers les numéros des pages pour la navigation */

.NavigationPage,
.NavigationPage a:link,
.NavigationPage a:visited,
.NavigationPage a:active,
.NavigationPageRecherche,
.NavigationPageRecherche a:link,
.NavigationPageRecherche a:visited,
.NavigationPageRecherche a:active {
    color: #565656;
    font: normal 10pt arial;
    text-decoration: none; 
}

.NavigationPage a:hover,
.NavigationPageRecherche a:hover {
    color: #565656;
    font: bold 10pt arial;
    font-size: 11pt;
    text-decoration: none; 
}

.VignetteMarque,
.VignetteProduit,
.VignetteFamille,
.VignetteProduit table,
.VignetteFamille table {
	color: navy;
	/* border-size: 0px; */
	font: normal 10pt arial;
	background-color: white;
}
.ImageVignette {
    width: 25%;
}

.ImageVignette img {
    width: 50px;
}

.NomVignette,
.NomVignette a:link,
.NomVignette a:visited,
.NomVignette a:active {
    color: navy;
    font: bold 10pt arial;
    text-decoration: none;    
}
.NomVignette a:hover {
    text-decoration: underline;
}
.DescriptionVignette,
.DescriptionVignette table,
.DescriptionVignette a:link,
.DescriptionVignette a:visited,
.DescriptionVignette a:active {
    color: navy;
    font: normal 10pt arial;
    text-decoration: none; 
}
.DescriptionVignette a:hover {
    text-decoration: underline;
}

.blanc, .blanc a:link, .blanc a:active, .blanc a:hover, .blanc a:visited {
    color: white;
}

/*----- Ajouts VEL -----*/

.Central { overflow: auto; }

/*---- styleModeleSite.css ----*/

Form { margin :0pt; }
p { text-align: justify; }
p.VEL { margin-left: 15px; margin-right: 15px; margin-top: 8px; margin-bottom: 15px; font: normal 10pt arial; color: #19287F;  }

H1{color:#1A7CA9;font-family:"Trebuchet MS",Arial,Helvetica;
font-size: 16pt;
 padding-left: 10px;
 background: url('../img/MoteurTitreFondHaut.jpg') center center fixed repeat; 
}
h1{color:#000000;font-family:"Trebuchet MS",Arial,Helvetica;
font-size: 16pt;
 padding-left: 10px;
 background: url('../img/MoteurTitreFondHaut.jpg') center center fixed repeat; 
}
H2 { margin-top: 3px; color: white; background-color: #1A7CA9; width: 100%;  font: normal 12pt arial; padding: 4px; text-align: left; margin-bottom: 14px; }
H3 { color: navy; font-size: 14pt; }

.Cadre  { border: 2px ridge #000000; padding: 0px; background-color: white; font-size: 10pt; margin-right: 3px; }
.Cadre H2 { color: black; background-color: #E7E7F0; width: 100%; padding: 0px; height: 30px;font: normal 12pt arial; text-align: left; margin-top: 0px;  }
.Cadre H2.Different { color: #1A7CA9; background-color: white; font: bold 12pt arial; padding-top: 4px; padding-bottom: 2px; margin-left: 4px; }
.Cadre H3 { color: black; margin-left: 10px; margin-right: 10px; margin-top: 8px; margin-bottom: 6px; font: bold 11pt arial; }
.Cadre p { margin-left: 15px; margin-right: 15px; margin-top: 8px; margin-bottom: 10px; font: normal 10pt arial; color: black; }
.Cadre table { font-size: 10pt; color: #19287F; font: normal 10pt arial; }

.IconeVEL { margin-top: 6px; margin-top: 10px; margin-bottom: 2px; }

.Liste { background-color: #19287F; text-align: center; font: bold 10pt arial; color: #19287F; margin-bottom: 8px; position: relative; top: 8px;  }
.Liste table { color: #19287F; font: bold 10pt arial; }
.Liste th { background-color: white; padding: 10px; }
.Liste td { background-color: #8C93BF; padding: 10px; }
.Liste tr.Diff td { background-color: #9DEEFF; }

.Fiche { background-color: #19287F; text-align: left; color: #19287F; font: normal 10pt arial; margin-top: 4px; }
.Fiche th { background-color: #19287F; color: white; padding-top: 4px; padding-bottom: 4px; padding-left: 6px; font: normal 10pt arial; }
.Fiche td { background-color: white; padding: 6px; }
.Fiche a, .Fiche a:link, .Fiche a:visited, .Fiche a:active { color: #19287F; font: normal 10pt arial; text-decoration: underline; }
.Fiche a:hover { color: red; text-decoration: none; }

.LienGo { text-align: left; padding-left: 11px; padding-bottom: 10px; } 
.LienGo a, .LienGo a:link, .LienGo a:visited, .LienGo a:active { color: #8C93BF; font: bold 10pt arial; text-decoration: underline; }
.LienGo a:hover { color: orange; text-decoration: none; }

.LienRetour { text-align: left; position: relative; left: 10px; padding-bottom: 10px; } 
.LienRetour a, .LienRetour a:link, .LienRetour a:visited, .LienRetour a:active { text-decoration: underline; position: relative; left: 1%; font: normal 10pt arial; color: #19287F; }
.LienRetour a:hover { color: red; text-decoration: none; }

.LienRetour img {  }

a.LienAutre:link, a.LienAutre:visited, a.LienAutre:active { color: #F28521; text-decoration : underline; font: normal 10pt arial; }
a.LienAutre:hover { color: red; }


/*---- styleFacture.css ----*/
body.Facture { overflow: auto; }
.Facture { color: #003366; font-family: serif; }
.Facture H1 { font: bold 16pt serif; color: #003366; text-align: left; margin-bottom: 15px; background-color: white; }
.Facture H2 { font: bold 12pt serif; color: #003366; text-align: left; background-color: white; }
.Facture H3 { font: normal 11pt serif; color: #003366; background-color: white; }


.EnTete { color: #003366; }
.InfoCommandeDroite{ font-size: 10.0pt; color: #003366; }
.AdresseLivraison { font-size: 10.0pt; color: #003366;}
.AdresseFacturation { font-weight: bold; font-size: 10.0pt; font-family: "Arial Narrow"; color: #003366;}
.InfoCommandeMilieu { font-size: 11.0pt; color: #003366;}
.CDV { margin-top: 6pt; font-size: 5.0pt; text-align: justify; width: 90%; left: 5%; color: #003366;}
.PiedMentionLegal { text-align: center; font-size: 7.0pt; width: 90%; color: #003366;}

.Grille { font-size: 10.0pt; position: relative; border-collapse: collapse; color: #003366; }
.Grille th { height: 20px; border: 1px solid black; }
.Grille td { border: 1px solid black; }
.Grille tr.Produit td { height: 15px; border-left: 1px solid black; border-right: 1px solid black; border-top : none; border-bottom: none; }
.Grille td .Reference { font-size: 8.0pt; }
.Grille tr.SeparationProduit td { border-left: 1px solid black; border-right: 1px solid black; border-top : none; border-bottom: none; }
.Grille tr.Totaux td { height: 15px; }


/*--------*/
.Erreur { border: 2px ridge red; padding: 5px; background-color: yellow; font-size: 11pt; }
.Erreur H2 { color: red; background-color: yellow; font-weight: bold; }
.Erreur H3 { margin-left: 10px; margin-right: 10px; font-size: 12pt; color: red;  background-color: yellow; font-weight: bold; }
.Erreur p { margin-left: 15px; margin-right: 15px; margin-bottom: 10px; font-size: 11pt; color: red; }

/*--MAJ Panier--*/
.TablePanier { background-color: #19287F; text-align: left; color: #19287F; font: normal 10pt arial; margin-top: 4px; }
.TablePanier th { background-color: #19287F; color: white; padding-top: 4px; padding-bottom: 4px; padding-left: 6px; font: normal 10pt arial; }
.TablePanier td { background-color: white; padding: 6px; font: normal 10pt arial;  }
.TablePanier a:link, .TablePanier a:visited, .TablePanier a:active { font: normal 10pt arial; }
.TablePanier a:hover { font: normal 10pt arial; }
.TablePanier input { padding-left: 4px; padding-right: 4px; font: normal 10pt arial; } 

/*-- Relooking --*/

.RechercheBandeau {
    font: bold 10pt arial;
}

.RechercheBandeau input {   
    font: bold 9pt arial;
    padding-left: 5px;
    padding-right: 5px;
}

.MenuVerticalTable {	
    padding-top: 2px;
    padding-bottom: 1px;
}

.MenuVertListeIcone a:link,
.MenuVertListeIcone a:visited,
.MenuVertListeIcone a:hover,
.MenuVertListeIcone a:active {
    color: black;
    font: bold 9pt arial;
    text-decoration: none;
    position: relative;
    left: 10px;
    top: -10px;
}

.MenuVertListeIcone img {
    position: relative;
    left: 5px;
}

.MenuVertFondHaut, .MenuVertFondBas {
    height: 40px;
    width: 160px;
}

.GallerieListeSousFamille {
    padding-left: 2px;
    padding-right: 2px;
    color: #6E6E6E;
    background-color: #B6B6B6;
}

.GallerieListeSousFamille a:link,
.GallerieListeSousFamille a:visited,
.GallerieListeSousFamille a:active {
    position: relative;
    top: -1px;
    color: #6E6E6E;
    font: normal 9pt arial;
    text-decoration: underline;
}

.GallerieListeSousFamille a:hover {
    color: white;
}

.ArboFamilleIcone {  
    width: 27px;
    height: 28px;
    position: relative;
    left: -3px;
    top: 5px;
}

/* Titre pour le Moteur de Recherche */
.MoteurTitreFondHaut {
    margin-top: 2px;
    height: 40px;
    width: 100%;
    background: url('../img/MoteurTitreFondHaut.jpg') center center fixed repeat; 
}
.MoteurTitreFondMilieu {
    margin-top: 3px;
    height: 20px;
    width: 100%;
    background: url('../img/MoteurTitreFondMilieu.jpg') center center fixed repeat; 
}
.MoteurTitreFondBas {
    margin-top: 3px;
    height: 25px;
    width: 100%;
    background: url('../img/MoteurTitreFondBas.jpg') center center fixed repeat; 
}
.TitreMoteur {
    color: white;
    font: bold 11pt arial;
    vertical-align: middle;
    position: relative;
    left : 3px;
    top: 2px;
}

/* Titre pour les page Promotions et Nouveautés */
.PromoTitreFondHaut {
    margin-top: 2px;
    height: 40px;
    width: 100%;
    background: url('../img/PromoTitreFondHaut.jpg') center center fixed repeat; 
}
.PromoTitreFondMilieu {
    margin-top: 3px;
    height: 20px;
    width: 100%;
    background: url('../img/PromoTitreFondMilieu.jpg') center center fixed repeat; 
}
.PromoTitreFondBas {
    margin-top: 3px;
    height: 25px;
    width: 100%;
    background: url('../img/PromoTitreFondBas.jpg') center center fixed repeat; 
}
.TitrePromo {
    color: #6E6E6E;
    font: bold 11pt arial;
    vertical-align: middle;
    position: relative;
    left: 3px;
    top: 2px;
}

/* Titre Bleus : Demande de catalogue et Gestion Catalogue */

.TitreBleu {
    color: white;
    font: bold 11pt arial;
    vertical-align: middle;
    position: relative;
    left : 3px;
    top : 2px;
}
.TitreBleuFondHaut {
    margin-top: 2px;
    height: 40px;
    width: 100%;
    background: url('../img/TitreBleuFondHaut.jpg') center center fixed repeat; 
}
.TitreBleuFondMilieu {
    margin-top: 3px;
    height: 20px;
    width: 100%;
    background: url('../img/TitreBleuFondMilieu.jpg') center center fixed repeat;
    margin-bottom: 0px;
}


.ProprieteFiltre {
    color: #6E6E6E;
    font: bold 10pt arial;
}

.SousTitreMoteur {
    color: #6E6E6E; 
    font: bold 12pt arial;
}

.IconeTitre2 {  }

.DemandeCatalogue, .DemandeCatalogue table { 
    color: #19287F;
    font: bold 10pt arial;
}
.DemandeCatalogue td { 
    padding: 1px;
}
.DemandeCatalogue p {
	color: #19287F;
	font: normal 10pt arial;
	margin-top: 4px;
	margin-left: 0px;
}

.FicheProduit {
    background-color: white;
}

.IntituleProduit {
	color: navy;
	font: normal 14pt arial;
	text-decoration: none;
}


.TablePrix {
    border-width: medium;
    border-style: solid;
    border-spacing: 1pt;
    border-collapse: collapse; 
    border-color: navy;
    color: navy;
    font: normal 10pt arial;
    text-decoration: none;
}
.TablePrix th {
    padding: 4px;
    padding-left: 8px;
    padding-right: 8px;
} 
.TablePrix td {
    padding: 4px;
}

.Catalogue .NomPropriete {
    color: #19287F;
    font: bold 11pt arial;
    text-decoration: none;
}
.Catalogue .ValPropriete {
    color: #19287F;
    font: normal 10pt arial;
    text-decoration: none;
}

.NomPropriete {
	color: navy;
	font: bold 11pt arial;
	text-decoration: none; 
}

.ValPropriete {
	color: navy;
	font: normal 10pt arial;
	text-decoration: none;
}

.GestionCatalogue { 
    color: #19287F;
    font: bold 10pt arial;
}

.NewsLetter {
    color: #19287F;
    font: bold 10pt arial;
}