body { font-family: Arial,Helvetica,sans-serif; font-size: 12px; color: #414042; background-color:#005774; margin: 0; }

div#fonddepage { background: url('./../images/charte/boutique/bg_logo_nu2.jpg') no-repeat top left; }

div#header { width: 100%; max-width: 1280px; min-width: 1000px; height: 121px;}

div#wrapper { width: 100%; max-width: 1000px; min-width: 1000px; margin: 0 auto; background: #FFFFFF url("./../images/charte/degrade.jpg") repeat-x bottom; }

div#bandeauhaut {  height: 20px; margin: 0 auto; background: url('./../images/charte/barre_haut.gif') repeat-x; border-style: none none solid none; border-color: #005774; border-width:1px; }


/*menu*/
.menu { background:url('./../images/menu/fond.gif');}
.separation{ background:url('./../images/menu/separation.jpg'); width:2px;}
.accueil{ background:url('./../images/menu/accueil.gif'); width:110px; cursor:default; color:white; font: bold 1em Verdana,Geneva,Arial,Helvetica,sans-serif; text-align:center;}
.accueil2{ background:url('./../images/menu/accueil_selected.gif'); width:110px; cursor:pointer; color:#ffffff; font: bold 1em Verdana,Geneva,Arial,Helvetica,sans-serif; text-align:center; text-decoration:underline;}
.teletrans{ background:url('./../images/menu/teletrans.gif'); width:150px; cursor:default; color:white; font: bold 1em Verdana,Geneva,Arial,Helvetica,sans-serif; text-align:center;}
.teletrans2{ background:url('./../images/menu/teletrans_selected.gif'); width:150px; cursor:pointer; color:#ffffff; font: bold 1em Verdana,Geneva,Arial,Helvetica,sans-serif; text-align:center; text-decoration:underline;}
.reseau{ background:url('./../images/menu/reseau.gif'); width:130px; cursor:default; color:white; font: bold 1em Verdana,Geneva,Arial,Helvetica,sans-serif; text-align:center;}
.reseau2{ background:url('./../images/menu/reseau_selected.gif'); width:130px; cursor:pointer; color:#ffffff; font: bold 1em Verdana,Geneva,Arial,Helvetica,sans-serif; text-align:center; text-decoration:underline;}
.info{ background:url('./../images/menu/info.gif'); width:130px; cursor:default; color:white; font: bold 1em Verdana,Geneva,Arial,Helvetica,sans-serif; text-align:center;}
.info2{ background:url('./../images/menu/info_selected.gif'); width:130px; cursor:pointer; color:#ffffff; font: bold 1em Verdana,Geneva,Arial,Helvetica,sans-serif; text-align:center; text-decoration:underline;}
.tel{ background:url('./../images/menu/tel.gif'); width:130px; cursor:default; color:white; font: bold 1em Verdana,Geneva,Arial,Helvetica,sans-serif; text-align:center;}
.tel2{ background:url('./../images/menu/tel_selected.gif'); width:130px; cursor:pointer; color:#ffffff; font: bold 1em Verdana,Geneva,Arial,Helvetica,sans-serif; text-align:center; text-decoration:underline;}
.quitter{ background:url('./../images/menu/quitter.gif'); width:100px; cursor:default; color:white;font: bold 1em Verdana,Geneva,Arial,Helvetica,sans-serif; text-align:center;}
.quitter2{ background:url('./../images/menu/quitter_selected.gif'); width:100px; cursor:pointer; color:#ffffff; font: bold 1em Verdana,Geneva,Arial,Helvetica,sans-serif; text-align:center; text-decoration:underline;}
.recherche{ width:150px; border:0; margin-top:1px; height:18px; font-size:10px;}

.pubdroite{ margin-left:0;}

div#main { margin-right:10px; margin-left:10px; min-height:680px; border-style:solid; border-width:1px; border-color:#559dbb; padding-left:7px;}
table#pagecat{width:100%;}

div.article { overflow: hidden; margin: 5px 0 4px 0; padding: 0; background-color:white; width:290px;}
div.articleCentre { margin: 5px 5px 0 -5px; padding: 0; background-color:#ffffff; width:360px; overflow:hidden; }
div.article2 { overflow: hidden; margin: 5px 0 0 5px; padding: 0; background-color:white; width:165px;}
div.t1BleuRight { font: bold 1.1em Verdana,Geneva,Arial,Helvetica,sans-serif; text-align:left; color: #ffffff; background: url("./../images/charte/titres/bleu.gif") repeat-x right top; margin: 0; padding: 2px 0 2px 10px; }
div.articleBleu { padding: 0 5px 5px 5px; border: 1px solid #559dbb; background: url("/images/charte/degrade_gris.gif") repeat-x right bottom; margin: 0;}
div.articleBleupub { padding: 0; border: 1px solid #559dbb; background: url("/images/charte/degrade_gris.gif") repeat-x right bottom; margin: 0; }
.carrePub { height:268px; width:300px; margin-left:-5px; margin-right:5px; overflow:hidden}
.tableau { margin:0;}

div.photo {position:absolute; z-index:3; background:#ffffff; border-style:solid; border-width:1px; border-color:#559dbb; #margin-left:-80px;}
div.invisible{visibility:hidden; display:none;}
div.invisibleg{visibility:hidden; display:none;}
div.loupe {position:relative; top:110px; left:120px; #left:60px; z-index:2; }

.prix { color:#EF5A24; font-size:16px; font-weight:bold}
.caracteristiques { font: bold 1em Verdana,Geneva,Arial,Helvetica,sans-serif; color:#006394;}
.separation2{ background:url('./../images/menu/separation.gif'); width:5px;}
.panier{font: bold 1em Verdana,Geneva,Arial,Helvetica,sans-serif; color:#006394;}
.panierconfirm{font: bold 0.9em Verdana,Geneva,Arial,Helvetica,sans-serif; color:#006394;}

hr { color:#559dbb; height:1px; }

.produit { margin-left:0;}
.skyscraper{ margin-left:0px;}

div.links { overflow: auto; padding: 5px 0; }
a.titre { font: bold 1em Verdana,Geneva,Arial,Helvetica,sans-serif; color: white; text-decoration: none; white-space: nowrap; overflow: hidden;}
a.article { display: block; float: left; font: bold 1em Verdana,Geneva,Arial,Helvetica,sans-serif; color: white; margin: 2px 0 0 0; padding: 1px 5px 3px 22px; text-decoration: none; white-space: nowrap; overflow: hidden; } 
div.article2 { overflow: hidden; margin: 5px 0 0 0; padding: 0; background-color:white; width:165px;}
div.article3 { overflow: hidden; margin: 5px 0 0 0; padding: 0; background-color:white; width:290px;}
div.article4 { overflow: hidden; margin: 5px 0 0 -6px; padding: 0,10px,0,0; background-color:white; width:790px;}
a.articleRight { display: block; float: left; font: bold 1em Verdana,Geneva,Arial,Helvetica,sans-serif; color: white; margin: 2px 0 0 0; padding: 1px 18px 3px 5px; text-decoration: none; white-space: nowrap; overflow: hidden; } 
a.articleMenu { display: block; float: left; font: bold 1em Verdana,Geneva,Arial,Helvetica,sans-serif; color: white; margin: 5px 0 0 0; padding: 1px 5px 3px 22px; text-decoration: none; white-space: nowrap; overflow: hidden; width:107px; text-align:left} 

a.Bleu { font-size: 11px; margin-top:-2px; color: #006394; background: url("./../images/charte/liens/bleu.gif") repeat left top; }
a.BleuSelect{ color: white; background: url("./../images/charte/liens/bleu_hover.gif") repeat left top; text-decoration: none;}
a.Bleu:hover { color: white; background: url("./../images/charte/liens/bleu_hover.gif") repeat left top; text-decoration: none;}
a.BleuRight { font-size: 11px; margin-top:-2px; color: #006394; background: url("./../images/charte/liens/bleuright.gif") repeat right top; }
a.BleuLeft { font-size: 11px; margin-top:-2px; color: #006394; background: url("./../images/charte/liens/bleuleft.gif") repeat left top; }
a.BleuRight:hover { color: white; background: url("./../images/charte/liens/bleu_hoverright.gif") repeat right top; text-decoration: none;}
a.BleuLeft:hover { color: white; background: url("./../images/charte/liens/bleu_hoverleft.gif") repeat left top; text-decoration: none;}

a { font-weight: bold; font-family: Arial,Helvetica,sans-serif; text-decoration: none; color: #006394; }
a:hover { text-decoration: underline; }