body {
margin-top: 5px;
margin-bottom: 5px;
margin-left: 0;
margin-right: 0;
background: #e6ecff;
/*background:black url(../img/background.jpg) repeat-y fixed top;*/
text-align: center; /* Centre horizontalement les éléments en ligne (comme le header) */
}

header{
font-family: Arial, Helvetica, sans-serif;
font-size: 36px;
color: #FF3300;
font-weight: bold;
padding: 8px;
height: 50px;
display: flex;
align-items: flex-end;
}

form {
display:inline;
}

hr {
margin: 0 auto;
border: 0px;
background-color:#FF3300;
height: 3px;
}

.actif {
color:#999999;
}

.altern1 {
background-color:#E0E0E0;
}

.altern2 {
background-color:#FFFFFF;
}

.borderTop {
border-top:#000000 1px solid;
}

.borderBottom {
border-bottom:#000000 1px solid;
}

.cellBtoShop {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

.cellShopQty {
width: 30px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}

.cell50 {
width: 50px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}

.cell280 {
width: 280px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}

.cell350 {
width: 350px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}

.oldPrice {
text-decoration:line-through;
color:#FF0000;
}

.pic {
border:solid 1px #000000;
}

.retailer {
background-color:#CCCCFF;
}

.retailer_no {
background-color:#FFD9D9;
}

.stock {
/*vertical-align: sub;*/
vertical-align:bottom;
}

.pageTTR {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-variant:small-caps;
font-style:italic;
font-size:20px !important;
font-weight:bold;
text-align:left;
line-height: 20px;
color:#FF3300;
padding:4px;
}

.pageCHOICE {
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
font-size:14px;
font-weight:bold;
padding:4px;
}

.tableTexte {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: italic;
font-weight: normal;
}

.tableTitre {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
}


#account {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
background-color:#EAEAEA;
border:solid 1px #000000;
}

#account .titre {
font-variant:small-caps;
font-size:20px !important;
font-style:italic;
font-weight:bold;
color:#FF3300;
}

#account .titre2 {
font-variant:small-caps;
font-size:16px !important;
font-style:italic;
font-weight:bold;
color:#FF3300;
}

#account .cellMedium {
width: 300px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}

#account td {
text-align:left;
}

#account th {
text-align:left;
font-weight:bold;
}

#bottom {
padding:4px;
background-color:#FF3300;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-style:italic;
font-size:12px;
text-align:left;
}

#bottom a {
color:#FFFFFF;
}

#bottom a:hover {
color:#CCCCCC;
text-decoration:underline;
}

#brands a {
color:#0166FF;
text-decoration:none;
font-weight:bold;
}

#brands a:hover {
color:#FF3300;
text-decoration:underline;
}

#brands td {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
border-top:solid 1px #000000;
}

#brands th {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
text-align:left;
}

#brands h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-style:italic;
font-size:14px;
color:#FF3300;
margin:0px 0px 4px 0px;
}

#brands p {
margin:0px 0px 0px 0px;
}

#cart {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-align:left;
line-height: 16px;
background-color: #e6ecff;
border: 2px solid #000000;
padding: 10px;
position:absolute;
z-index:5;
left: 50%;
top: 50%;
width:800px;
transform: translate(-50%, -50%);
visibility:hidden;
}

.cart-item {
display: grid;
grid-template-columns: auto 120px 1fr; /* Trois colonnes : quantité (auto) + référence (fixe) + description (1fr) */
gap: 10px; /* Espacement entre les colonnes */
align-items: start; /* Aligne les éléments en haut de leur cellule */
padding: 4px;
}

.cart-item .quantity {
justify-self: end; /* Aligne la quantité à droite dans sa colonne */
text-align: right; /* Aligne le texte à droite */
min-width: 80px; /* Largeur minimale pour aligner les quantités */
}

.cart-item .reference {
text-align: left; /* Centre le texte dans la colonne */
overflow: hidden; /* Évite les débordements */
white-space: nowrap; /* Empêche le retour à la ligne */
text-overflow: ellipsis; /* Affiche des points de suspension si le texte est trop long */
}

#contact td {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-align:left;
}

#contact th {
text-align:left;
}

#contact h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-style:italic;
font-variant:small-caps;
font-size:20px;
color:#FF3300;
display:inline;
}

#contact h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-style:italic;
font-size:14px;
color:#FF3300;
margin:0px 0px 4px 0px;
}

#contactForm td {
text-align:left;
}

#contactForm th {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
text-align:right;
}

#contactForm .cellContact {
width: 300px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

#contactForm .cellContactArea {
height: 80px;
width: 300px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

#contactForm .exp {
background-color:#FF3300;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#FFFFFF;
text-align:center;
}

#customer {
padding:0px;
background-image:url(../img/right_bg.jpg);
}

#customer .cell {
width:220px;
}

#customer a {
color:#0166FF;
text-decoration:none;
}

#customer a:hover {
color:#FF3300;
text-decoration:underline;
}

#customer td {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
padding:4px;
}

#customer img {
    display: block;
}

#detArt {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align:left;
}

#detArt a {
color:#0166FF;
text-decoration:none;
font-weight:bold;
}

#detArt a:hover {
color:#FF3300;
text-decoration:underline;
}

#finder {
padding:0px;
background-image:url(../img/right_bg.jpg);
}

#finder .cellInput {
width:296px;
padding:0px;
}

#finder .exp {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-style:italic;
color:#000000;
}

#finder td {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
padding:4px;
}

#finder h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px !important;
padding:4px;
display:inline;
}

#finder img {
    display: block;
}

#finderstat td {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}

#infoBottom {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-style:italic;
text-align:justify;
background-color:#EAEAEA;
border-top:solid 1px #000000;
padding:5px;
}

#listArt {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align:left;
}

#listArt .pageTTR {
font-variant:small-caps;
font-size:20px !important;
font-style:italic;
font-weight:bold;
color:#FF3300;
padding:4px;
}

#listArt .titre {
font-size:15px;
font-weight:bold;
text-align:left;
}

#listArt h5 {
font-size:22px;
font-weight:bold;
font-style: italic;;
color:#FF3300;
text-align:left;
display: inline;;
}

#listArt a {
color:#0166FF;
text-decoration:none;
font-weight:bold;
}

#listArt a:hover {
color:#FF3300;
text-decoration:underline;
}

#listTop {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align:left;
}

#listTop a {
color:#0166FF;
text-decoration:none;
font-weight:bold;
}

#listTop a:hover {
color:#FF3300;
text-decoration:underline;
}

#listTop th {
font-size:14px;
text-align:left;
}

#login {
padding:0px;
background-image:url(../img/right_bg.jpg);
}

#login .cell {
width:220px;
}

#login a {
font-size:12px;
font-style:italic;
color:#0166FF;
text-decoration:none;
}

#login a:hover {
color:#FF3300;
text-decoration:underline;
}

#login td {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
padding:4px;
}

#login img {
    display: block;
}

#main {
background-color:#FFFFFF;
margin:0px;
padding:0px;
border:1px solid #FFFFFF;
}

#nav {
height:18px;
padding:4px;
background-color:#FF3300;
}

#nav td {
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-style:italic;
font-size:16px;
}

#nav a {
color:#FFFFFF;
text-decoration:none;
}

#nav a:hover {
color:#CCCCCC;
text-decoration:underline;
}

#news {
padding:0px;
background-image:url(../img/right_bg.jpg);
}

#news a {
font-size:13px;
color:#0166FF;
text-decoration:none;
}

#news a:hover {
color:#FF3300;
text-decoration:underline;
}

#news td {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
padding-left:6px;
padding-right:6px;
padding-top:1px;
padding-bottom:1px;
}

#new_div {
display:inline-block;
width: 860px;
padding: 10px;
}

#new_div img {
border-style: solid;
border-width: 1px;
border-color: #000000;
margin-right: 10px;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 1px;
}

#news img {
    display: block;
}

#pdfs a {
color:#0166FF;
text-decoration:none;
font-weight:bold;
}

#pdfs a:hover {
color:#FF3300;
text-decoration:underline;
}

#pdfs h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-style:italic;
font-size:13px;
color:#FF3300;
margin:0px 0px 4px 0px;
}

#pdfs p {
margin:0px 0px 0px 0px;
}

#pdfs td {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:justify;
vertical-align:middle;
border-top:solid 1px #000000;
}

#pdfs th {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-align:left;
}
/*
#photos {
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
border-width:1px;
border-style:solid;
border-color:#000000;
padding:50px;
min-width:750px;
max-width: 90%;
}

*/
#photos {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); /* Centre parfaitement */
background-color: #FFFFFF;
border: 1px solid #000000;
padding: 50px;
min-width: 700px; /* Minimum de 700px */
max-width: 90%; /* Maximum de 90% de la largeur de la fenêtre */
display: inline-block; /* Permet au div de s'adapter au contenu */
width: auto; /* Largeur automatique en fonction du contenu */
max-width: min(90%, max(700px, 100%)); /* Alternative moderne pour gérer min/max */
}

#photoTxt {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
text-align:center;
color:#000000;
}

#photoTxt .actif {
color:#666666;
text-decoration:none;
}

#photoTxt a {
color:#000000;
text-decoration:none;
}

#photoTxt a:hover {
color:#FF3300;
text-decoration:underline;
}

#tblMain td {
font-family:Arial, Helvetica, sans-serif;
vertical-align:top;
}

#tblMain .sep_v {
border-left:solid 1px #000000;
}

#tblMain p {
font-size:15px;
text-align:justify;
}

#tblMain h1 {
font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight:bold;
font-size:20px;
color:#28498D;
}

#tblMain h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-style:italic;
font-size:16px;
color:#FF3300;
text-align:justify;
}

#tblMain h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:24px;
color:#FF0000;
text-align:justify;
}

#tblMain h4 {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:16px;
text-align:justify;
}

#tblMain li {
font-size:14px;
text-align:justify;
}

#validList {
font-family:Arial, Helvetica, sans-serif;
}

#validList .tdleft {
font-size:13px;
text-align:left;
}

#validList .tdmiddle {
font-size:13px;
text-align:center;
}

#validList .tdright {
font-size:13px;
text-align:right;
}

#validList th {
font-size:14px;
text-align:left;
font-weight:bold;
}

#validList .validArea {
height: 70px;
width: 630px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}

#validOrder {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}

#validOrder .texte {
font-weight:normal;
}

#validOrder th {
text-align:left;
font-weight:bold;
}

#website a {
color:#0166FF;
text-decoration:none;
font-weight:bold;
}

#zip a {
color:#0166FF;
text-decoration:none;
font-weight:bold;
}

#zip a:hover {
color:#FF3300;
text-decoration:underline;
}

#zip td {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
text-align:justify;
vertical-align:middle;
border-top:solid 1px #000000;
}

#zip th {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
text-align:left;
}