body {
margin: 0px;
padding: 0px;
background: #b7d5dc url(../images/body_fond.png) repeat-x;
font-family: Tahoma, Arial;
font-size: 10pt;
}

img {
border: 0px;
}

form {
margin: 0px;
padding: 0px;
}

a, a:visited{
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

/***************************** Définition des grands blocs généraux ***************************************/

#conteneur { /**************** Bloc pour l'effet d'ombre pour les résolutions supérieures à 1024px de largeur ********************/
margin: 0px auto;
padding:0px;
width: 995px;
background: #aecad1 url(../images/conteneur_fond.png) repeat-x;
}

#entete { /************************** Bloc affichant le logo ZePresse en haut de page ******************************/
margin: 0px;
padding: 0px;
width:995px;
height: 108px;
background: #e6e6e6 url(../images/entete.png) no-repeat;
}

#pub { /**************************** Bandeau publicitaire **********************************/
position: relative;
float: left;
margin: 0px;
padding: 0px;
padding-top: 29px;
width: 468px;
height: 60px;
}

#menuhaut { /*********************** Bloc du Menu haut horizontal ***********************************/
margin: 0px;
padding: 0px;
padding-left: 45px;
width: 950px;
height: 36px;
background : url(../images/menu_fond.png) repeat-x;
font-weight: bold;
vertical-align: middle;
color: #ffffff;
}

/*************************** Elements du menuhaut ***************************/

#menuhaut a, #menuhaut a:visited {
text-decoration: none;
color: #FFFFFF;
}

#menuhaut a:hover {
text-decoration: underline;
color: #FFFFFF;
}

.menuhaut_spacer { /************************ Séparateur des éléments du menu **************************/
float: left;
margin:0px;
padding: 0px;
height: 36px;
width: 12px;
background: url(../images/menu_spacer.png) no-repeat;
}

.menuhaut_item { /***************************** Element du menu (inactif) ********************************/
float: left;
margin: 0px;
padding: 0px;
padding-top: 10px;
padding-left: 15px;
padding-right: 15px;
height: 26px;
}

.menuhaut_onglet { /************************** Element du menu (actif) *******************************/
float:left;
margin: 0px;
padding: 0px;
padding-top: 10px;
padding-left: 20px;
padding-right: 20px;
height: 26px;
background: url(../images/menu_onglet.png) no-repeat;
color: #000000;
}

#menuhaut .menuhaut_onglet a, #menuhaut .menuhaut_onglet a:visited, #menuhaut .menuhaut_onglet2 a, #menuhaut .menuhaut_onglet2 a:visited,
#menuhaut .menuhaut_onglet3 a, #menuhaut .menuhaut_onglet3 a:visited, #menuhaut .menuhaut_onglet4 a, #menuhaut .menuhaut_onglet4 a:visited {
text-decoration: none;
color: #000000;
}

#menuhaut .menuhaut_onglet a:hover, #menuhaut .menuhaut_onglet2 a:hover, #menuhaut .menuhaut_onglet3 a:hover,
#menuhaut .menuhaut_onglet4 a:hover{
text-decoration: underline;
color: #000000;
}

.menuhaut_onglet2 { /************************** Element du menu (actif) *******************************/
float:left;
margin: 0px;
padding: 0px;
padding-top: 10px;
padding-left: 20px;
padding-right: 20px;
height: 26px;
background: url(../images/menu_onglet2.png) no-repeat;
color: #000000;
}

.menuhaut_onglet3 { /************************** Element du menu (actif) *******************************/
float:left;
margin: 0px;
padding: 0px;
padding-top: 10px;
padding-left: 20px;
padding-right: 20px;
height: 26px;
background: url(../images/menu_onglet3.png) no-repeat;
color: #000000;
}

.menuhaut_onglet4 { /************************** Element du menu (actif) *******************************/
float:left;
margin: 0px;
padding: 0px;
padding-top: 10px;
padding-left: 20px;
padding-right: 20px;
height: 26px;
background: url(../images/menu_onglet4.png) no-repeat;
color: #000000;
}

.menuhaut_login { /************************* Bloc d'authentification du menu ***************************/
float: left;
margin: 0px;
margin-top: 10px;
padding: 0px;
padding-left: 5px;
padding-right: 5px;
height: 26px;
font-weight: normal;
width: 255px;
text-align: right;
}

.menuhaut_login input {
width: 70px;
color: #737373;
border: 0px;
font-size: 9pt;
}

/************************* Fin des elements du menuhaut ***********************/

#chemin { /******************** Bloc affichant le chemin (pathway) parcouru dans le site *********************************/
float:left;
margin: 0px;
padding: 0px;
padding-top: 5px;
/*padding-bottom: 12px;*/
padding-left: 20px;
width: 690px;
height: 15px;
color: #ffffff;
background: url(../images/chemin_fond.png) repeat-x;
}

#chemin a, #chemin a:visited {
text-decoration: none;
color: #ffffff;
}

#chemin a:hover {
color: #ffffff;
text-decoration: underline;
}

#panier { /******************* Bloc affichant le récapitulatif du panier a droite du chemin ********************************/
float:right;
margin:0px;
padding: 0px;
padding-top: 5px;
padding-right: 20px;
height: 15px;
width: 265px;
color: #ffffff;
text-align: right;
}

#panier a, #panier a:visited {
color: #ffffff;
text-decoration: none;
}

#panier a:hover {
color: #ffffff;
text-decoration: underline;
}

#contenu { /***************** Bloc regroupant les éléments composant la page *******************************/
margin: 0px auto;
padding: 0px;
width: 954px;
}

#blanc { /**************** Bloc avec un fond blanc visible quand une des colonnes est plus grande que les autres ************************/
position: relative;
float:left;
width: 954px;
background: #FFFFFF;
margin: 0px;
padding: 0px;
}

#gauche { /***************** Bloc définissant la colonne de gauche *********************************/
position: relative;
float: left;
margin: 0px;
padding: 0px;
width: 210px;
background: #ffffff;
}

#centre { /************** Bloc définissant la colonne centrale *******************************/
position: relative;
float: left;
margin: 0px;
padding: 0px;
width: 471px;
background: #cccccc;
}

#droite { /************* Bloc définissant la colonne de droite *******************************/
position: relative;
float: right;
margin: 0px;
padding: 0px;
width: 273px;
background: #aaaaaa;
}

#pied { /*************** Bloc définissant le pied de page *****************************/
position: relative;
float:left;
margin: 0px;
padding: 0px;
padding-left: 35px;
padding-top: 10px;
width: 960px;
height: 47px;
background: url(../images/pied.png) no-repeat;
color: #ffffff;
}

#pied a, #pied a:visited {
text-decoration: none;
color: #ffffff;
}

#pied a:hover {
text-decoration: underline;
color: #ffffff;
}

#ombre { /***************** Bloc définissant l'ombre en bas de page ************************/
position: relative;
float: left;
margin: 0px;
padding: 0px;
width: 995px;
height: 42px;
background: url(../images/ombre.png) no-repeat;
}

/*************************** Styles de la partie gauche **********************************/

.gauche_centreinteret { /*** Titre Centre d'intérets ***/
margin: 0px;
padding: 0px;
padding-top: 10px;
width: 210px;
height: 29px;
background: #014872 url(../images/gauche_centreinteret_fond.png) no-repeat;
font-family: Tahoma, Arial;
font-size: 11pt;
font-weight: bold;
text-align: center;
color: #ffffff;
}

.gauche_centreinteret2 { /*** Titre Centre d'intérets sans loupe***/
margin: 0px;
padding: 0px;
padding-top: 10px;
width: 210px;
height: 29px;
background: #014872;
font-family: Tahoma, Arial;
font-size: 11pt;
font-weight: bold;
text-align: center;
color: #ffffff;
}

.gauche_moteurrecherche_texte { /*** Texte sur le moteur de recherche ***/
margin: 0px;
padding: 5px;
width: 200px;
height: 83px;
background: #ffffff;
font-size: 12px;
}

.gauche_categorie { /*** Titre de categorie ***/
margin: 0px;
padding: 0px;
padding-left: 25px;
width: 185px;
height: 20px;
background: url(../images/gauche_fond_categorie.png) no-repeat;
font-size: 11pt;
font-weight: bold;
color: #ffffff;
}

.gauche_categorie a, .gauche_categorie a:visited{
font-size: 11pt;
font-weight: bold;
color: #ffffff;
text-decoration: none;
}

.gauche_categorie a:hover {
font-size: 11pt;
font-weight: bold;
color:#ffffff;
text-decoration: underline;
}

.gauche_listecategories { /*** Conteneur de la liste des categories ***/
margin: 0px;
padding: 0px;
width: 210px;
}

.gauche_listecategories_item1 { /*** 1er style de la liste des categories ***/
margin: 0px;
padding: 0px;
padding-left: 20px;
width: 190px;
height: 20px;
background: #ededed;
overflow:hidden;
}

.gauche_listecategories_item1 a {
font-size: 10pt;
font-weight:normal;
color: #000000;
text-decoration: none;
}

.gauche_listecategories_item1 a:hover {
font-size: 10pt;
font-weight:normal;
color: #000000;
text-decoration: underline;
}

.gauche_listecategories_item1_sscategorie { /*** Sous catégorie de l'item 1 ***/
margin: 0px;
padding: 0px;
padding-left: 60px;
width: 150px;
background: #9ac0c6;
overflow:hidden;
}

.gauche_listecategories_item1_sscategorie a {
font-size: 10pt;
font-weight: normal;
color: #000000;
text-decoration: none;
}

.gauche_listecategories_item1_sscategorie a:hover {
font-size: 10pt;
font-weight: normal;
color: #000000;
text-decoration: underline;
}

.gauche_listecategories_item2 { /*** 2eme style de la liste des categories ***/
margin: 0px;
padding: 0px;
padding-left: 20px;
width: 190px;
height: 20px;
background: #9ac0c6;
overflow:hidden;
}

.gauche_listecategories_item2 a {
font-size: 10pt;
font-weight:normal;
color: #000000;
text-decoration: none;
}

.gauche_listecategories_item2 a:hover {
font-size: 10pt;
font-weight:normal;
color: #000000;
text-decoration: underline;
}


.gauche_listecategories_item2_sscategorie { /*** Sous catégorie de l'item 2 ***/
margin: 0px;
padding: 0px;
padding-left: 60px;
width: 150px;
background: #ededed;
overflow:hidden;
}

.gauche_listecategories_item2_sscategorie a {
font-size: 10pt;
font-weight: normal;
color: #000000;
text-decoration: none;
}

.gauche_listecategories_item2_sscategorie a:hover {
font-size: 10pt;
font-weight: normal;
color: #000000;
text-decoration: underline;
}

/*************************** Styles de la partie droite ***********************************/

.droite_lienscommerciaux_titre { /*** Titre liens commerciaux ***/
width: 268px;
height: 30px;
top: 200%;
background: #ededed;
margin: 0px;
padding: 0px;
padding-left: 5px;
padding-top: 10px;
font-weight: bold;
font-size: 11pt;
color: #000000;
}

.droite_lienscommerciaux { /*** Bloc des liens commerciaux ***/
width: 261px;
height: 250px;
top: 100%;
margin: 0px;
padding: 0px;
padding-left: 12px;
background: #f5f5f5;
color: #737373;
font-size: 9pt;
overflow: hidden;
}

.droite_lienscommerciaux p {
margin: 0px;
padding: 0px;
padding-top: 10px;
padding-bottom: 5px;
width: 220px;
}

.droite_lienscommerciaux a {
color: #014872;
text-decoration: underline;
}

/********************************* Styles du bandeau du moteur de recherche ************************/
.contenu_recherche {
width: 954px;
height: 48px;
margin: 0px;
padding: 0px;
background: url(../images/contenu_recherche.png) no-repeat;
}

.contenu_recherche_input {
position: relative;
float: left;
margin: 0px;
padding: 0px;
padding-left: 295px;
padding-top: 19px; 
color: #ffffff;
}

.contenu_recherche_input img {
vertical-align: middle;
}

.contenu_recherche_input_text {
width: 222px;
font-size: 9pt;
color: #000000;
border: 0px;
margin: 0px;
}

/********************************* Styles de la colonne centre ***************************/

.contenu_titre {
position:relative;
float:left;
width: 411px;
height: 34px;
background: url(../images/contenu_titre_fond.png) no-repeat;
font-size: 18pt;
font-weight: bold;
margin: 0px;
padding: 0px;
padding-left: 60px;
padding-top: 5px;
}

.contenu_description {
position:relative;
float:left;
width: 471px;
margin: 0px;
padding: 0px;
}

.contenu_description_gauche {
position: relative;
float: left;
width: 439px;
min-height: 306px;
margin: 0px;
padding: 0px;
padding-left: 32px;
background: #d6d6d6;
}

.contenu_description_haut {
position: relative;
float:left;
width: 439px;
min-height: 306px;
margin: 0px;
padding:0px;
background: #ffffff url(../images/contenu_description_haut.png) no-repeat top left;
}

.contenu_description_bas {
position: relative;
float: left;
width: 471px;
height: 104px;
margin: 0px;
padding: 0px;
background: #ffffff;
}

.contenu_description_bas_gauche
{
position: relative;
float: left;
width: 77px;
height: 104px;
margin: 0px;
padding: 0px;
background: url(../images/contenu_description_bas_gauche.png) no-repeat;
}

.contenu_description_bas_milieu
{
position: relative;
float: left;
width: 216px;
height: 104px;
margin: 0px;
padding: 0px;
background: url(../images/contenu_description_bas_milieu.png) no-repeat;
}

.contenu_description_bas_droite
{
position: relative;
float: left;
width: 178px;
height: 104px;
margin: 0px;
padding: 0px;
background: url(../images/contenu_description_bas_droite.png) no-repeat;
}

.contenu_description_infos {
position:relative;
float: left;
width: 381px;
padding: 0px;
margin: 0px;
padding-left: 50px;
padding-top: 10px;
height: 40px;
font-size: 9pt;
color: #828282;
}

.contenu_description_infos a, .contenu_description_infos a:visited {
color: #014872;
text-decoration: none;
}

.contenu_description_infos a:hover {
color: #014872;
text-decoration: underline;
}

.contenu_description_infos .gras {
font-weight: bold;
color: #575757;
}

.contenu_description_sommaire {
position: relative;
float: right;
width: 371px;
margin: 0px;
padding: 0px;
padding-top: 30px;
padding-right: 10px;
padding-bottom: 10px;
text-align: right;
color: #828282;
}

.contenu_description_pc {
position: relative;
float: left;
width: 123px;
height: 80px;
margin: 0px;
padding: 0px;
padding-left: 76px;
padding-top: 20px;
font-size: 9pt;
color: #000000;
font-weight: normal;
}

.contenu_description_pc_achetezmaintenant {
position: relative;
float: left;
width: 95px;
height: 40px;
margin: 0px;
padding: 0px;
padding-left: 5px;
font-weight: bold;
}

.contenu_description_pc_achetezmaintenant a, .contenu_description_pc_achetezmaintenant a:visited {
color: #000000;
text-decoration: none;
}

.contenu_description_pc_achetezmaintenant a:hover {
color: #000000;
text-decoration: underline;
}

.contenu_description_pc_anciensnumeros {
position: relative;
float: left;
width: 109px;
height: 33px;
margin: 0px;
padding: 0px;
padding-left: 5px;
padding-top: 10px;
font-size: 9pt;
}

.contenu_description_pc_anciensnumeros a, .contenu_description_pc_anciensnumeros a:visited {
color: #000000;
text-decoration: none;
}

.contenu_description_pc_anciensnumeros a:hover {
color: #000000;
text-decoration: underline;
}

.contenu_description_pc_achetezmaintenant li, .contenu_description_pc_anciensnumeros li {
padding: 0px;
margin: 0px;
list-style-position: inside;
}

.contenu_description_pc .rouge {
color: #a40000;
}

.contenu_description_sac {
position: relative;
float: left;
width: 113px;
height: 77px;
font-size: 9pt;
margin: 0px;
padding: 0px;
padding-left: 45px;
padding-top: 20px;
color: #000000;
font-weight: normal;
}

.contenu_description_sac a, .contenu_description_sac a:visited {
color: #000000;
text-decoration: none;
}

.contenu_description_sac a:hover {
color: #000000;
text-decoration: underline;
}

.contenu_description_sac_commandermagazine {
position: relative;
float: left;
width: 97px;
height: 27px;
margin: 0px;
padding: 0px;
padding-left: 2px;
font-weight: bold;
}

.contenu_description_sac_anciensnumeros {
position: relative;
float: left;
width: 113px;
height: 40px;
margin: 0px;
padding: 0px;
padding-top: 10px;
padding-left: 10px;
font-size: 9pt;
}

.contenu_description_sac_commandermagazine li, .contenu_description_sac_anciensnumeros li {
padding: 0px;
margin: 0px;
list-style-position: inside;
}

.contenu_memerayon {
position: relative;
float: left;
width: 471px;
height: 294px;
background: #ffffff;
margin: 0px;
padding: 0px;
color: #000000;
}

.contenu_memerayon_titre {
position: relative;
float: left;
width: 441px;
height: 20px;
padding: 0px;
margin: 0px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 30px;
font-size: 11pt;
font-weight: bold;
}

.contenu_memerayon_titre a, .contenu_memerayon_titre a:visited {
color: #014872;
text-decoration: none;
}

.contenu_memerayon_titre a:hover {
color: #014872;
text-decoration: underline;
}

.contenu_memerayon_image {
position: relative;
float: left;
width: 81px;
height: 117px;
margin: 0px;
padding: 0px;
padding-left: 30px;
padding-bottom: 10px;
}

.droite_prix {
position: relative;
float: left;
width: 273px;
height: 35px;
background: #FFFFFF;
font-size: 18pt;
margin: 0px;
padding: 0px;
padding-top: 5px;
text-align: center;
color: #a40009;
}

.droite_image {
position: relative;
float: left;
width: 273px;
height: 395px;
background: #ffffff;
margin: 0px;
padding: 0px;
}

/*************************************** Pour l'ajout d'un article au panier *************************************/
#fond {
position: absolute; 
width: 100%; 
height: 1400px; 
top:0; 
left: 0; 
background:#000000; 
z-index:10; 
}

#lepopupajout {
position: absolute; 
width:10%; 
height: 10%; 
top: 40%; 
left: 40%; 
z-index: 20;
}