body {	margin:10px 0 0; padding: 0; background:#e4e8dd url(../images/bg_body.gif) repeat-y top center;}

#tete, #chemin, #corps, #pied { clear: both; }
#site {margin:0pt auto; width:1000px;  background: #fff;}

/* Liens d'évitement */
ul#skip { text-align: right; margin: 0; display: none; }
ul#skip li { display: inline; list-style: none; padding: 0 0.2em;  }
/*
 * Tete
*/
#tete {height:104px; background:url(../images/bandeau.jpg) no-repeat top left;}
#tete ul, #tete li { margin: 0; padding: 0; list-style: none; }
#bandeau { }
#bandeau h1 { margin: 0;  }
#logo {float: left; margin-left:28px; margin-right:52px; }

#bloc_langues {float:left;}

#bloc_boutique {float:right; width:331px;}
#bloc_boutique .bloc {width:165px; height:86px; background:url(../images/bg_boutique-haut.gif) repeat-x;}
#bloc_boutique .bloc h3 {margin:1px 0 0; text-align:center; font-size:1.1em; text-transform:uppercase; font-weight:normal; font-family:"Arial Black", Arial, Helvetica, sans-serif;}
#bloc_boutique .bloc h3 a {color:#fff;}
#bloc_boutique .bloc h3 a:hover {color:#000;}
#bloc_boutique .bloc a {color:#000;}
#bloc_boutique .bloc a:hover {color:#fff;}

#bloc_boutique #espace-client {float:left;}
#bloc_boutique #panier {float:right;}
#bloc_boutique #panier .img_panier {margin-top:8px; margin-left:15px;}
#bloc_boutique #panier span {display:block; float:left; margin-top:22px; margin-left:10px; color:#000;}
#bloc_boutique #panier span.panier {clear:both; float:none; margin:0 0 0 35px; padding:1px 0 0 11px; background:url(../images/puce_li.gif) no-repeat left 5px;}
.mdp {clear:both; display:block; float:none; margin:4px 0 0; padding:0; text-align:center;}

#navigation_haute {height:42px; background:#fff url(../images/bg_navigation-haute.gif) repeat-x left bottom}
#navigation_haute img.filtre {margin-left:20px; margin-top:13px;}
#navigation_haute .liens_haut {float:right; margin-left:5px; padding-top:4px; }

/*
 * Partie principale (contenu)
*/
#contenu_recherche {height:36px; background: #e4e8dd;}
#chemin {float:left; width:552px; padding: 1em; color:#353535;}
#chemin a {color:#353535;}
#recommander_lien {float:left; padding:10px 10px 10px 20px; border-right:1px solid #CBCDC7; border-left:1px solid #CBCDC7; background: #e4e8dd url(../images/picto-recommander.gif) no-repeat 5px 7px;}
#recherche {float:right; margin-right: 8px; /* width: 280px;*/}
#recherche h3 {clear:none; float:left; width:90px; height:30px; margin:0; padding:0; text-indent:-99999px; }


#corps { clear: both;  overflow:hidden; }
#contenu { clear:both; margin-top:15px; }
#preview {float:left; width:665px;  }
#contenu #coldroite {float:right; width:303px;}

/*
 * Bas de page
*/
#pied {height:151px; padding:15px 8px; color:#696969; background:url(../images/bg_pied.gif) no-repeat;}
#pied .bloc {float:left; height:151px; width:165px; padding:0 15px; border-right:1px solid #c9cac6;}
#pied h3 {margin:0 0 15px;color:#000; font-weight:normal; font-size: 1.25em;}
#pied p {}
#pied a {clear:both; display:block; padding:2px 0 5px 12px; background:url(../images/puce_li-pied.gif) no-repeat left 3px; color:#696969;}
#pied a:hover {color: #59a525;}
#pied li {padding-left:5px; background:url(../images/bg_li-a-pied.gif) no-repeat left bottom;}
#pied ul {margin:0;}

#pied .menupied {width:179px; padding:0 8px; border-right:none;}
#pied .menupied h3 {margin-bottom:10px; padding-left:8px; }
#pied .infos {height:116px; padding-top:15px;}
#pied .infos h3 {clear: none;}
#pied .vente h3 {margin-bottom:15px;}
#pied .vente img {}
#pied .vente a {margin-left:5px; padding-top:0; background:url(../images/puce_li-pied.gif) no-repeat left 1px;}
#pied .reponse {width:175px; padding:0 10px;}
#pied .reponse p {margin-bottom:5px;}
#pied .commerciales {border-right:none; padding:0 14px; width: 167px;}
#pied .commerciales p {margin-bottom:5px;}

#copyright { text-align:center; color:#5d5959;}
#copyright a {color:#e31f2a;}
#copyright a:hover {color:#5d5959;}
#copyright p {margin:20px 0;}

/* Connexion et inscription cote à cote */
div#connexion fieldset, div#inscription fieldset {
	height: 150px;
}
div#connexion fieldset .submit input, div#inscription fieldset .submit input {
	width: 90%;
	margin: 0 auto;
}
div#connexion {
	float: left;
	width: 52%;
}
div#connexion .row input { margin-left: 0; width: 55%; }
div#connexion .row label.main { width: 40%; text-align: left; }

div#inscription {
	float: left;
	width: 46%;
	margin-left: 2%;
}
div#inscription input { margin-left: 0; }