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

img {
border: 0px;
}

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

a:hover {
text-decoration: underline;
}

form {
margin: 0px;
padding: 0px;
}
/***************************** 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 ******************************/
position: relative;
float:left;
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/onglet.png) no-repeat;
color: #000000;
}

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

#menuhaut .menuhaut_onglet a:hover {
text-decoration: underline;
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-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: #CCCCCC;
}

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

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

#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: 30px;
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;
}

/* Le titre meileures ventes utilise la classe .centre_interet */
/* La classe meilleures_ventes définit le texte du bloc */

.gauche_meilleuresventes { /*** Liste des meilleures ventes ***/
margin: 0px;
padding: 0px;
padding-top: 5px;
padding-bottom: 5px;
width: 210px;
background: #1a5a80;
color: #ffffff;
}

.gauche_meilleuresventes ul {
list-style-image: url(../images/gauche_meilleuresventes_puce.png);
}

.gauche_meilleuresventes li {
margin-top: 5px;
}

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

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

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

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

.droite_lienscommerciaux { /*** Bloc des liens commerciaux ***/
width: 246px;
/*height: 363px;*/
margin: 0px;
padding: 0px;
/*padding-left: 5px;*/
background: #f5f5f5;
color: #737373;
font-size: 9pt;
overflow: hidden;
}

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

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

.droite_marchands_titre { /*** Titre achetez la presse ... ***/
width: 236px;
height: 35px;
margin: 0px;
padding: 0px;
padding-top: 5px;
padding-left: 10px;
background: #eb9c01;
color: #ffffff;
font-weight: bold;
}

.droite_marchands { /*** Bloc de recherche ***/
width: 246px;
height: 218px;
margin: 0px;
padding: 0px;
background: url(../images/droite_marchands.png) no-repeat;
}

.droite_marchands_input { /*** input du bloc de recherche ***/
width: 198px;
border: 0px;
margin-top: 26px;
margin-left: 21px;
margin-right: 0px;
margin-bottom: 0px;
color: #000000;
font-size: 9pt;
}

.droite_marchands_submit { /*** btn lancer du bloc de recherche ***/
width: 80px;
height: 26px;
margin-top: 20px;
margin-left: 152px;
}

.droite_marchands_texte { /*** texte du bloc de recherche ***/
margin:0px;
padding: 0px;
padding-left: 10px;
padding-top: 10px;
width: 130px;
height: 105px;
font-size: 9pt;
color: #4b4b4b;
}

.droite_referencement { /*** Bloc servant au référencement***/
width: 246px;
margin: 0px;
padding: 0px;
background: #ffffff;
color: #000000;
font-size: 10px;
}

.droite_referencement h1 {
font-size: 11px;
font-weight: bold;
}

.droite_referencement h2 {
font-size: 11px;
font-weight: bold;
}

/*************************** Styles de la page d'accueil *********************************/

.accueil_recherche { /*** Bloc de recherche de la page d'accueil ***/
float:left;
margin: 0px;
padding: 0px;
width: 307px;
height: 283px;
background: url(../images/accueil_recherche.png) no-repeat;
}

.accueil_recherche_input { /*** Bloc d'inputs du bloc de recherche ***/
position: absolute;
margin: 0px;
padding-top: 110px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 41px;
color: #ffffff;
}

.accueil_recherche_input_text { /***input du bloc de recherche ***/
border: 0px;
color: #000000;
width: 222px;
font-size: 9pt;
}

.accueil_recherche_submit { /*** btn lancer du bloc de recherche ***/
border: 0px;
margin: 0px;
padding-top: 230px;
padding-left: 194px;
padding-right: 0px;
padding-bottom: 0px;
}

.accueil_bienvenue { /*** bloc bienvenue de la page d'accueil ***/
float:left;
margin: 0px;
padding: 0px;
width: 647px;
height: 283px;
background: url(../images/accueil_bienvenue.png) no-repeat;
}

.accueil_bienvenue .texte { /*** Style du texte du bloc bienvenue ***/
height: 175px;
width: 350px;/*338*/
margin-top: 60px;
margin-left: 15px;
color: #ffffff;
font-size: 9pt;
}

.accueil_bienvenue .texte  .titre{ /*** Style du texte du bloc bienvenue ***/
font-size: 15px;
font-weight: bold;
color: #ffffff;
}

.accueil_bienvenue .texte .small { /*** Texte petit du bloc bienvenue ***/
font-size: 7pt;
}

.accueil_bienvenue_plusdinfo { /*** btn plus d'infos du bloc bienvenue ***/
width: 116px;
height: 26px;
margin-left: 228px;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 0px;
padding: 0px;
}

.accueil_dernieresortie { /*** bloc dernière sortie de la page d'accueil ***/
position:relative;
float:left;
margin: 0px;
padding: 0px;
width: 270px;
height: 157px;
background: #ffffff;
}

.accueil_dernieresortie_prix { /*** bloc prix du bloc dernière sortie ***/
float: left;
margin: 0px;
padding: 0px;
padding-top: 10px;
text-align: center;
width: 81px;
height: 30px;
color: #a40009;
font-weight: bold;
font-size: 11pt;
}

.accueil_dernieresortie_titre { /*** bloc titre du bloc dernière sortie ***/
float: left;
margin: 0px;
padding: 0px;
padding-left: 5px;
padding-top: 10px;
width: 184px;
height: 30px;
background: #ededed;
font-weight: bold;
font-size: 11pt;
}

.accueil_dernieresortie_image { /*** bloc image du bloc dernière sortie ***/
float: left;
margin: 0px;
padding: 0px;
width: 81px;
height: 117px;
}

.accueil_dernieresortie_description { /*** bloc description du bloc dernière sortie ***/
float: left;
margin: 0px;
padding: 0px;
padding-left: 5px;
width: 184px;
height: 117px;
color: #000000;
}

/*************** Styles de la description du bloc dernière sortie *************/

.accueil_dernieresortie_description .titre {
color: #014872;
}

.accueil_dernieresortie_description .categorie {
color: #4b4b4b;
}

.accueil_dernieresortie_description .lien {
color: #828282;
text-decoration: underline;
}

/************* Fin des style de la description du bloc dernière sortie ***********/

.accueil_nouveautes { /*** bloc nouveautés ***/
position:relative;
float:left;
margin: 0px;
padding: 0px;
width: 228px;
height: 157px;
background: #ffffff;
}

.accueil_nouveautes_prix { /*** bloc prix du bloc nouveautés ***/
float:left;
margin: 0px;
padding: 0px;
padding-top: 10px;
text-align: center;
width: 83px;
height: 30px;
color: #a40009;
font-weight: bold;
font-size: 12pt;
}

.accueil_nouveautes_titre { /*** bloc titre du bloc nouveautes ***/
float:left;
margin: 0px;
padding: 0px;
padding-left: 5px;
padding-top: 10px;
width: 140px;
height: 30px;
background: #ededed;
font-weight: bold;
font-size: 11pt;
color: #4b4b4b;
}

.accueil_nouveautes_image { /*** bloc image du bloc nouveautes ***/
float:left;
margin: 0px;
padding: 0px;
width: 83px;
height: 117px;
}

.accueil_nouveautes_description { /*** bloc description du bloc nouveautes ***/
float:left;
margin: 0px;
padding: 0px;
padding-left: 5px;
width: 140px;
height: 117px;
}

/*************** Styles de la description du bloc nouveautes*************/

.accueil_nouveautes_description .titre {
color: #014872;
}

.accueil_nouveautes_description .categorie {
color: #4b4b4b;
}

.accueil_nouveautes_description .lien {
color: #828282;
text-decoration: underline;
}

/************* Fin des style de la description du bloc dernière sortie ***********/

.accueil_affiche { /*** Bloc a l'affiche de la page d'accueil ***/
float: left;
margin: 0px;
padding: 0px;
width: 498px;
height: 378px;
background: #ffffff;
}

.accueil_affiche .titre { /*** Bloc titre  du bloc a l'affiche ***/
margin: 0px;
margin-left: 20px;
margin-top: 20px;
padding: 0px;
color: #a40009;
font-size: 14pt;
font-weight: bold;
}

.accueil_affiche_pod { /*** Pod du bloc a l'affiche ***/
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding: 0px;
width: 442px;
height: 318px;
background: #ffffff url(../images/accueil_affiche.png) no-repeat;
}

.accueil_affiche_pod_image { /*** bloc image du pod du bloc à l'affiche ***/
float: left;
width: 179px;
height: 257px;
margin: 0px;
padding: 0px;
padding-left: 8px;
}

.accueil_affiche_pod_titre { /*** bloc titre du pod du bloc à l'affiche ***/
float: left;
width: 417px;
height: 31px;
text-align: right;
margin: 0px;
padding: 0px;
padding-left: 8px;
padding-top: 11px;
font-weight: bold;
color: #4b4b4b;
}

.accueil_affiche_pod_titre a, .accueil_affiche_pod_titre a:visited {
color: #4b4b4b;
font-weight: bold;
text-decoration: none;
}

.accueil_affiche_pod_titre a:hover {
color: #4b4b4b;
font-weight: bold;
text-decoration: underline;
}

.accueil_affiche_pod_titre .small { /*** Texte petit à coté du titre du pod du bloc à l'affiche ***/
font-size: 6pt;
color: #828282;
text-align: right;
}

.accueil_affiche_pod_description { /*** bloc description du pod du bloc a l'affiche ***/
float: left;
margin:0px;
margin-top: 5px;
padding: 0px;
padding-top: 13px;
padding-left: 15px;
width: 230px;
height: 224px;
overflow: auto;
}

.accueil_affiche_pod_description p { /*** Style des paragraphes de la description du pod du bloc a l'affiche ***/
margin: 0px;
padding: 0px;
width: 212px;/* 220px*/
font-size: 9pt;
}

.accueil_affiche_pod_plusdinfos { /*** Bouton plus d'infos du pod a l'affiche ***/
position: absolute;
margin: 0px;
padding: 0px;
top: 500px;
left: 352px;
width: 117px;
height: 28px;
}

.accueil_decouvrez { /*** Bloc découvrez aussi de la page d'accueil ***/
float: left;
margin: 0px;
padding: 0px;
width: 498px;
height: 190px;/*161*/
background: #ffffff;
}

.accueil_decouvrez_titre { /*** Bloc titre du bloc découvrez aussi ***/
position: relative;
width:483px;
height: 23px;
margin: 0px;
margin-left: 15px;
padding: 0px;
color: #1a5a80;
font-weight: bold;
font-size: 12pt;
text-align: left;
}

.accueil_decouvrez_image { /*** bloc d'image du bloc découvrez aussi (1 bloc par image) ***/
float: left;
margin:0px;
padding: 0px;
padding-top: 10px;
padding-left: 30px;
width: 82px;
height: 117px;
color: #1a5a80;
text-align: center;
}

/*************** Styles des blocs découvrez *************/

.accueil_decouvrez_image .titre {
color: #014872;
}

.accueil_decouvrez_image .categorie {
color: #4b4b4b;
}

.accueil_decouvrez_image .lien {
color: #828282;
text-decoration: underline;
}

/************* Fin des style des blocs découvrez ***********/

/************ Styles pour le diaporama du bloc découvrez ************/
#screen {
	position: relative;
	float: left;
	width: 498px;
	height: 165px;
	background: #ffffff;
	overflow: hidden;
}
#screen img {
	width: 81px;
	height: 117px;
	position: absolute;
	left: -10000px;
	filter: alpha(opacity=100);
	opacity: 1;
}