/* Quelques réglages et outils */


p, h1, h2, h3, h4, h5, h6, div, /*label, input,
textarea, legend, fieldset,*/ table, tr, td,
ul, ol, li, dt, dl, dd, img, form {
    margin 		: 0;
    padding 	: 0;
    font-family : Arial, Geneva, Helvetica, Sans-Serif;
    font-size 	: 12px;
    font-weight : normal;
    z-index:1;
}

img {
  border : 0;
}

html {
  overflow-x : auto; /* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */
}

body {
  text-align : center;
  padding    : 0 0 1em 0;
  margin     : 0;
}

.spacer {
    float : left;
    clear : both;
    width : 100%;
    height : 0;
    margin: 0;
    padding: 0;
}


/* Description de la page */
#page{
    width : 996px;
    margin : 5px auto 0 auto;
}

#corps-page {
    width : 996px;
    text-align : left;
}



/* ------------------ Publicités -------------------- */

.pub-300x250 {
    float:left;
    clear:none;
    width:300px;
    /*background : #e5e5e5 url(../images/pub_300x250.jpg) top left no-repeat;*/
}

.pub-200x200 {
    width : 200px;
    /*height : 200px;*/
    /*background : #e5e5e5 url(../images/pub_200x200.jpg) top left no-repeat;*/
}

/*.pub-730x90 {
    width : 730px;
    height : 90px;
    background : url(../images/pub_730x90.jpg) top left no-repeat;
    margin : 0px auto 0px auto;
    padding : 0;
}*/
/*.pub-730x90 object {
	margin-top: 1.3em;
	margin-bottom: 0px;
}*/

.pub-730x90 {
	width : 730px;
	margin : 0 auto;
	padding : 0;
	overflow : visible;
}

 

.pub-730x90 div {
	overflow : visible;
}


.pub-centree {
    float : none;
    display : block;
    clear : both;
    margin : 0 auto;
    text-align: center;
}

#pub-bas-gauche {
	float:left;
	clear:all;
	width:200px;
}

#pub-bas-centre {
	text-align: center;	
	width: 600px;
}



/* ------------------ Tetiere -------------------- */

#tetiere {
    height : 87px;
    font-size : 1.7em;
    font-weight : bold;
    margin : 0;
    background : url(../images/tetiere_bg.gif) top right no-repeat;
    background-color : #CC0000;	
}

#tetiere a {
    float : left;
    padding : 0 0 0 5%;
    text-decoration : none;
    color : #fff;
 /*  width : 95%;*/
    line-height : 87px;
}

#tetiere a strong {
    color : #000;
}


/* ------------------ Conteneur colonnes -------------------- */

#centre-page {
    background : url(../images/page_colonnes_bg.gif) top left repeat-y;
}


#partie-principale {
    float : left;
    width : 810px;
}




/* ------------------ Pied de page (général) -------------------- */

#pied-de-page-main {
    height : 47px;
    background : #CC0000 url(../images/pied_page_gauche.gif) top left no-repeat;
}

#pied-de-page-main div {
    padding : 1.2em 0 1.2em 0;
    height : 47px;
    background : url(../images/pied_page_droite.gif) top right no-repeat;
}


#pied-de-page-main div div {
    width : 63%;
    height : auto;
    margin : 0 auto;
    background : none;
    padding : 0;
}


#pied-de-page-main a {
    color : #fff;
    text-decoration : none;
    font-size : .85em;
    margin : 0 .8em;
}

#pied-de-page-main a:hover {
    text-decoration : underline;
}


/* ------------------ Pied de page (liste de liens) -------------------- */

#pied-de-page-liens {
    margin : 1em 0 0 0;
    height : 360px;
    background : url(../images/pied_liens_milieu.jpg) top left repeat-x;
}


#pied-de-page-liens div {
    height : 360px;
    background : url(../images/pied_liens_gauche.jpg) top left no-repeat;
}

#pied-de-page-liens div div {
    width : 97%;
    padding : 1.4em 0 0 3.1%;
    height : 360px;
    background : url(../images/pied_liens_droite.jpg) top right no-repeat;
}


#pied-de-page-liens h6 {
    font-weight : bold;
    font-size : .9em;
    color : #494848;
    background : url(../images/puce_4.gif) center left no-repeat;
    padding : 0 0 0 .5em;
}

#pied-de-page-liens p {
    width : 95%;
    color : #494848;
    font-size : .85em;
    margin : .4em 0 1.6em 0;
}

#pied-de-page-liens a {
    color : #494848;
    text-decoration : none;
}

#pied-de-page-liens a:hover {
    background : #cc0000;
    color : #fff;
}



/* ------------------ Visuel de la colonne de gauche -------------------- */


#colonne-gauche {
    float : left;
    clear : none;
    width : 167px;
    padding : 0 0 2em 18px;
    background : url(../images/colonne_gauche_top.jpg) top right no-repeat;
}


#colonne-gauche div.accueil {
    display : block;
    float : none;
    clear : both;
    width : 90%;
    color : #fff;
    line-height : 25px;
    padding : 0 0 0 10%;
    font-weight : normal;
    font-size : 1em;
    font-family : Arial, Geneva, Helvetica, Sans-Serif;
}
#colonne-gauche div.accueil a{
	color: #ffffff;
}

#colonne-gauche h2.btannonce {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/publiez-annonce-bouton.gif) no-repeat scroll 0 0;
height:84px;
margin:7px 0 0 9px;
padding:0;
text-decoration:none;
width:149px;
}


#colonne-gauche h2.btannonce:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/publiez-annonce-bouton.gif) no-repeat scroll 0 -84px;

}

#colonne-gauche h2.btannonce a {
display:block;
height:100%;
width:100%;
}


ul.menu-vertical,
#colonne-gauche ul {
	margin-top : 0px;
}

ul.menu-vertical {
    width : 87%;
    margin : 0 0 1em 0;
    padding : 2em 0 2em 13%;
    background : #fff url(../images/menu_droite_bas.gif) bottom left no-repeat;
}


ul.menu-vertical li,
#colonne-gauche ul li {
    display : block;
    float : none;
    clear : both;
    width : 167px;
    padding : 0;
    margin : 0;
}

li.essai-de-la-semaine h2,
#colonne-gauche ul li.lien {
    width : 86%;
    padding : 0 6%;
}

ul.menu-vertical li a,
#colonne-gauche ul li.essai-de-la-semaine div.essai a,
#colonne-gauche ul li.lien a {
    float : left;
    width : 95%;
    color : #cc0000;
    text-decoration : none;
    font-weight : bold;
    font-size : .95em;
    background : url(../images/puce_menu.gif) center left no-repeat;
    padding : .3em 0 .3em 1.2em;
    border-bottom : 1px solid #e3b9b9;
    text-align : left;
}

ul.menu-vertical li a { border-color : #f1c7c7; width : 85%; }
ul.menu-vertical li.no-border a, #colonne-gauche ul li.no-border a { border : none; }
#colonne-gauche ul li.no-border a { border : none; margin-bottom : .6em; }


#colonne-gauche ul li.essai-de-la-semaine {
    text-align : center;
}


#colonne-gauche ul li.essai-de-la-semaine h2 a {
    border : none;
}


#colonne-gauche ul li.essai-de-la-semaine div.essai a:hover,
#colonne-gauche ul li a:hover,
ul.menu-vertical li a:hover {
    text-decoration : underline;
}

#colonne-gauche ul li div img#photo-essai-img {
	width: 167px;
}


/* ------------------ Publicités de la colonne de gauche -------------------- */


#colonne-gauche ul li.pub {
    height : 166px;
    background : url(../images/pub_166x166.jpg) top right no-repeat;
    overflow : hidden;
    margin : 0 0 .5em 0;
}


/* ------------------ Zone "essai de la semaine" -------------------- */

li.essai-de-la-semaine div.essai {
    display : block;
    clear : both;
    float : none;
    width : 100%;
color:#CC0000;
float:left;
font-size:0.95em;
font-weight:bold;
padding:0.0em 0 0.0em 0.90em;
text-align:left;
text-decoration:none;
width:80%;
}

li.essai-de-la-semaine p.notes {
    display : block;
    clear : both;
    float : none;
    margin : 0 auto;
    padding : .4em 0 1em 1.3em;
    width : 65%;
    color : #cc0000;
    font-size : .8em;
    text-align : left;
    line-height : 100%;
    background : url(../images/puce_essai_semaine.gif) 0 3px no-repeat;
}



li.essai-de-la-semaine div.photo-essai {
    position : relative;
    clear : both;
    margin : 0;
    padding : 0;
}


/* Compense un espace rajouté par IE, raison non trouvée */
* html li.essai-de-la-semaine div.photo-essai {
    margin-bottom : -3px;
}


li.essai-de-la-semaine div.photo-essai span.bandeau-essai-semaine {
    position : absolute;
    top : 0;
    left : 0;
    display : block;
    width : 103px;
    height : 103px;
    background : url(../images/essai_semaine.gif) top left no-repeat;
}


a.bouton {
    float : left;
    width : auto;
    background : url(../images/bouton_bg_gauche2.gif) top left no-repeat;
    text-decoration : none;
    color : #fff;
    margin : 0;
}


a.bouton span {
    float : left;
    width : auto;
    background : url(../images/bouton_bg_droit2.gif) top right no-repeat;
    line-height : 18px;
    padding : 0 1em 0 1em;
    text-align : left;
    font-size : .8em;
}



div.photo-essai a.bouton-voir-essai-semaine {
    position : absolute;
    bottom : 5px;
    right : 5px;
}


div.photo-essai a.bouton-voir-essai-semaine span {
    width : 5em;
}


li.essai-de-la-semaine div.presentation {
    clear : both;
    width : 91%;
    padding : 0 0 0 9%;
    margin : 0;
    background : #b7b7b7 url(../images/reflet_essai_semaine.jpg) bottom left no-repeat;
    border-top : 1px solid #fff;
}




li.essai-de-la-semaine div.presentation h3 {
    display : block;
    clear : both;
    float : none;
    width : 100%;
    text-align : left;
    font-weight : bold;
    color:#FFFFFF;
    padding : .2em 0 0 .5em;
    background : url(../images/puce_5.gif) center left no-repeat;
}

li.essai-de-la-semaine div.presentation h3 a{
    color:#FFFFFF;
}


li.essai-de-la-semaine p.description {
    display : block;
    clear : both;
    float : none;
    width : 90%;
    color : #fff;
    font-size : .8em;
    line-height : 160%;
    text-align : left;
    padding : 0 0 1em 0;
}


li.essai-de-la-semaine p.partenaire {
    display : block;
    clear : both;
    float : none;
    width : 90%;
    text-align : left;
    background : url(../images/puce_2.gif) 0 3px no-repeat;
    padding : 0 0 0 10%;
}

li.essai-de-la-semaine p.partenaire a {
    text-decoration : none;
    color : #cc0000;
    font-size : .8em;
}

li.essai-de-la-semaine p.partenaire img {
    margin : 1em 0 1em .4em;
    padding : 0;
}



/* ------------------ Visuel du menu principal -------------------- */

#menu-principal {
    float : left;
    background : #f4f3f3 url(../images/ombre_tetiere.jpg) top left no-repeat;
}

#menu-principal ul {
    padding : 0 0 10px 0;
    background : url(../images/menu_principal_ombre.gif) bottom left no-repeat;
}

#menu-principal li {
    float : left;
    clear : none;
    background : url(../images/menu_separateur.gif) top left no-repeat;
}


#menu-principal li a {
    float : left;
    width : auto;
    margin : 0;
    padding : .3em 1.3em;
    font-family : Arial, Geneva, Helvetica, Sans-Serif;
    text-decoration : none;
    color : #CC0000;
    font-size : 1.1em;
    font-weight : bold;
}
#menu-principal li a:hover { text-decoration : underline; }


#menu-principal li.actif {
    background : url(../images/menu_actif.gif) top left no-repeat;
}

#menu-principal li.actif a {
    color : #fff;
}



#menu-principal ul.sous-menu {
    width : 97%;
    padding : 0 0 0 3%;
    margin : -10px 0 10px 0;
    background : url(../images/sous_menu_bg.jpg) top left no-repeat;
}


#menu-principal ul.sous-menu li {
    background : none;
}

#menu-principal ul.sous-menu li span {
    color : #fff;
    line-height : 25px;
}

#menu-principal ul.sous-menu li.actif {
    padding : 0 0 0 .5em;
    background : url(../images/puce_sous_menu.gif) 5% 50% no-repeat;
}


#menu-principal ul.sous-menu li a {
    color : #fff;
    font-size : 1em;
    font-weight : normal;
    background : none;
    padding : .5em .8em .4em .8em;
}
#menu-principal ul.sous-menu li a:hover {
    background : url(../images/sous_menu_rollover.gif) top left repeat-x;
    text-decoration : none;
}


/* ------------------ Structuration du contenu -------------------- */


#contenu-page {
	z-index:1;
    float : left;
    width : 100%;
    background : url(../images/contenu_ombre_gauche.gif) top left no-repeat;
}


#contenu {
    float : left;
    width : 580px;
    padding : 1em 0 1em 1.3em;
}



/* ------------------ Colonne de droite -------------------- */

#colonne-droite {
    float : right;
    width : 200px;
    padding : 1.5em 0 2em 6px;
    background : url(../images/colonne_droite_ombre.gif) 0 73px no-repeat;
}

div.rechercher {
    clear : both;
    color : #fff;
    padding : 1em;
    background : #494848 url(../images/reflet_rechercher.gif) top left no-repeat;
}


div.rechercher input.champ-recherche {
    float : left;
    width : 12em;
    border : 1px solid #c0bfbf;
    border-left : none;
    padding : .2em .4em;
    color : #494848;
    font-size : .9em;
}

div.rechercher input.bouton-recherche {
    float : left;
    width : 3em;
    background : none;
    border : none;
    color : #fff;
    padding : .2em;
}


#deposer-mode-emploi {
    clear : both;
    color : #000;
    margin : .4em 0 0 0;
    background : url(../images/mode_emploi_milieu.gif) top left repeat-y;
}


#deposer-mode-emploi div.mode-emploi {
    display : block;
    clear : both;
    float : none;
    width : 100%;
    color : #cc0000;
    background : url(../images/mode_emploi_haut.jpg) top left no-repeat;
    overflow : hidden;
    padding : 100px 0 8px 20px;
    font-weight : bold;
    font-size : 1.2em;
    letter-spacing : -.5px;
    line-height : 100%;
}

#deposer-mode-emploi div.mode-emploi em {
    font-style : normal;
    font-size : .8em;
}


#deposer-mode-emploi p {
    display : block;
    clear : both;
    float : none;
    width : 85%;
    padding : 0 0 0 20px;
    font-size : .9em;
}

/*
#deposer-mode-emploi a.bouton {
    display : block;
    clear : both;
    float : none;
    width : 100%;
    height : 36px;
    margin : 0;
    padding : 0;
    background : url(../images/mode_emploi_bouton.jpg) top left no-repeat;
}*/

#deposer-mode-emploi .bouton {
    display : block;
    clear : both;
    float : none;
    width : 100%;
    height : 36px;
    margin : 0;
    padding : 0;
    background : url(../images/mode_emploi_bouton.jpg) top left no-repeat;
}

#deposer-mode-emploi .bouton a {
    font-size : .85em;
    padding : 0 0 0 25%;
    color : #fff;
    line-height : 28px;
}


#menu-acheteur-vendeur {
    clear : both;
    background : #d4d3d3;
    padding : 0 0 1.5em 0;
    margin : .5em 0 0 0;
    border-bottom : 2px solid #fff;
}

#menu-acheteur-vendeur div.espace-acheteur {
    display : block;
    clear : both;
    float : none;
    width : 88%;
    height : 45px;
    line-height : 45px;
    margin : 0;
    padding : 0 0 0 12%;
    background : url(../images/menu_acheteur_titre_bg.jpg) top left no-repeat;
    color : #d32c2c;
    font-weight : bold;
    font-size : 1em;
    font-family : Arial, Geneva, Helvetica, Sans-Serif;
    overflow : hidden;
}

#menu-acheteur-vendeur a {
    display : block;
    clear : both;
    float : none;
    width : 85%;
    margin : 0;
    padding : 0 0 0 5.3em;
    color : #d32c2c;
    font-weight : bold;
    font-size : 1em;
    font-family : Arial, Geneva, Helvetica, Sans-Serif;
    overflow : hidden;
    text-decoration : none;
}

#menu-acheteur-vendeur .alerte-annonces{
    height : 44px;
    background-image : url(../images/menu_acheteur_alertes_bg.jpg);
	background-repeat:no-repeat;
    line-height : 44px;
}

#menu-acheteur-vendeur .se-connecter{
    height : 40px;
    background-image : url(../images/menu_acheteur_connecter_bg.jpg);
	background-repeat:no-repeat;
    line-height : 40px;
}

#menu-acheteur-vendeur .se-deconnecter{
    height : 40px;
    background-image : url(../images/menu_acheteur_deconnecter_bg.jpg);
	background-repeat:no-repeat;
    line-height : 40px;
}

#menu-acheteur-vendeur .espace-pro {
    height : 41px;
    background-image : url(../images/menu_acheteur_pro_bg.jpg);
	background-repeat:no-repeat;
    line-height : 41px;
}

#menu-acheteur-vendeur .vos-favoris {
    height : 41px;
    background-image : url(../images/menu_favoris.jpg);
	background-repeat:no-repeat;
    line-height : 41px;
}

#bloc-connexion {
    clear:both;
    color:#fff;
	width:190px;
	margin:50px auto;
}

#bloc-connexion .selection-semaine {
	margin:0;
}

#corps-bloc-connexion {
    color : #fff;
	float:left;
    padding :10px 10px 5px 5px;
    background : #494848 url(../images/reflet_rechercher.gif) top left no-repeat;
	width:174px;
}

#corps-bloc-connexion p {
	margin:0 0 5px 0;
	text-align:right;
}

#bloc-connexion .bouton-recherche {
	margin-left:70px;
}