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;
color: #014872;
}

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

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 ******************************/
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: #CCCCCC;
}

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

#droite { /************* Bloc définissant la colonne de droite *******************************/
position: relative;
float: right;
margin: 0px;
padding: 0px;
width: 220px;
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: 215px;
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: 210px;
/*height: 370px;*/
margin: 0px;
padding: 0px;
padding-left: 10px;
background: #f5f5f5;
color: #737373;
font-size: 9pt;
overflow: hidden;
}

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

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

.droite_marchands_titre { /*** Titre achetez la presse ... ***/
width: 210px;
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: 220px;
height: 110px;
margin: 0px;
padding: 0px;
background: url(../images/droite_marchands_petit.png) no-repeat;
}

.droite_marchands_input { /*** input du bloc de recherche ***/
width: 174px;
border: 0px;
margin-top: 41px;
margin-left: 20px;
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: 137px;
}

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

.contenu_recherche_input {
position: relative;
float: left;
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;
}

/********************************* Styles génériques de la colonne centre ***************************/

.contenu_titre {
position:relative;
float:left;
width: 464px;
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;
overflow:hidden;
}

.contenu_blanc {
position: relative;
float: left;
width: 524px;
margin: 0px;
padding: 0px;
background: #ffffff;
height:auto;
}

.contenu_numerique {
color: #000000;
background: #faff64;
margin: 0;
padding: 0;
}