body {margin: 0; padding: 0;}

#tete, #chemin, #pied {clear: both; }
#flag, #bandeau, #boutique, #corps, #pied, #copyright {width: 1000px; margin:0pt auto;}

#site {clear:both;width: 100%; background: url(../images/bg_site.gif) repeat-y center top;}

/* Liens d'évitement */
ul#skip {margin: 0; display: none; text-align: right; }
ul#skip li { display: inline; padding: 0 0.2em; list-style: none; }
/*
 * Tete
*/
#tete {width: 100%;	 height:220px; background: url(../images/bg_tete.gif) no-repeat center top;}
#tete ul, #tete li { margin:0; padding: 0; list-style: none; }
#tete p.accroche {
	width:800px;
	height:25px;
	float: left;
	margin:0;
	padding: 65px 0 0 5px;
	background: url(../images/accroche.png) no-repeat 2px 55px;
	text-indent: -999999px; 
	font-size:0.9em;
	font-weight: normal;
	color:#fff; }
		
#tete p.accroche a { display:block; width:144px; height:65px; }

#tete p.accroche small {
	font-family:Century Gothic,sans Serif;
	color:#000000;
	font-size:1em;
	padding-top:7px;
}
#bandeau {position: relative; height:217px; background: url(../images/bg_bandeau.jpg) no-repeat 0 5px;}
#logo {	float: left; width: 163px;}

a.espace-conseil {position:absolute; overflow: hidden; right:0; top:95px; text-indent:-99999px; width:218px; height:125px; background-image: url(../images/menu_bg_li_a_espaceconseil.png);}
a.espace-conseil:hover {background-image: url(../images/menu_bg_li_a_hover_espaceconseil.png);}

/********Mise en page des drapeaux - langues ***********/

#flag {height: 23px; padding: 5px 0;}
#flag ul {margin: 0 0 0 400px;}
#flag li {list-style:none; float:left;}
#flag img {padding:0 9px; padding-top:4px;}


/*
 * Partie principale (contenu)
*/

#chemin { 
	margin:5px 0;
	color:#fff; 
	width:445px;
}
#chemin a {color:#fff;}
#chemin a:hover, #chemin a.aselect { color: #000;}
#recherche { padding: 0px;}

#corps {clear:both; float: left; background:#f8f8f8 url(../images/corps_bg.gif) repeat-x left top; font-size:0.85em;}
#contenu {float: left; width: 732px; padding: 0 25px 10px; background:url(../images/bg_contenu_interne.png) no-repeat;}
#coldroite {float: right; width: 208px; padding: 0 0 10px 10px; color:#565656; background:url(../images/bg_coldroite.png) no-repeat bottom right; }
#contenu #preview {  }
#contenu #preview h1 {margin:10px 0 0; font-size:1.8em; letter-spacing:0.1em; font-family:"Century Gothic",Arial,Helvetica,sans-serif; font-weight:normal; color:#fff;}
#contenu #preview h1:first-letter {color:#bd242b;}
#contenu #preview .contenu_preview {margin-top: 40px; }

/**************** Bloc colonne droite***********************/
#coldroite div.bloc {width:186px; padding:20px 10px 0; clear: both; margin: 0 0 15px;  background:#fff url(../images/coldroite_bloc_bg.gif) no-repeat right top;}
#coldroite div.bloc h3 {height:21px; margin:0; padding-left:30px; padding-top:15px; font-family:"Century Gothic",Arial,Helvetica,sans-serif; color:#565656; font-size:1.2em; text-transform:uppercase;}
#coldroite div.bloc h3 a {color:#565656;}
#coldroite div.bloc h3 a:hover {color:#000;}
#coldroite #newsletter h3 {background:url(../images/bg_news_h3.png) no-repeat;}
#coldroite #recherche h3 {background:url(../images/bg_recherche_h3.png) no-repeat;}
#coldroite #mini-panier h3 {background:url(../images/bg_panier_h3.png) no-repeat;}
#coldroite #mini-panier p {}
#coldroite #mini-panier p span.total {color:#ff8701; float:right; font-size:1.1em; font-weight:bold;}
#coldroite #livraison {background:none;}
#coldroite #livraison a.livraison {display:block; width:186px; height:120px; text-indent:-99999px; background:url(../images/bg_livraison.png) no-repeat right top;}
#coldroite #livraison a.livraison:hover {background:url(../images/bg_livraison_hover.png) no-repeat right top;}
/*
 * Bas de page
*/
#pied {width:1010px; margin:0 auto; padding: 10px 0;  background: #d8d8d7; color:#60615d; font-size: 0.85em; line-height: 1.6em;}
#pied a { color: #60615d; }
#pied a:hover, #pied h2 a:hover { color: #ff8701; }
#pied ul, #pied li {margin: 0; padding: 0;}
#pied li {margin: 0; padding: 0;}
#pied h2 {margin: 0 0 5px; font-family:"Century Gothic",Arial,sans-serif; font-size: 1.2em;}
#pied h2 a {color: #000;}

#copyright { padding: 0.5em; font-size: 90%;  }
#copyright p { float:left; padding-left:8px; color:#242424;}

#referencement { width:990px; margin:0pt auto; text-align:center; font-size:0.85em; padding:10px;}
#referencement p { margin:5px 0;}


/**************** Bloc pied***********************/
#pied div.bloc {float: left; width: 179px; height: 150px; padding: 0 10px; border-right: 1px solid #cfcfcf;}
#societe, #paiements {width: 190px; border: none !important;} 
#texte-societe {width: 199px; padding: 10px 0 10px 10px;}
#texte-societe p {margin: 21px 0 0 !important;}

#pied div.bloc li {padding: 0 0 0 10px; background: url(../images/puce_li_pied.png) no-repeat 0 3px; border-bottom: 1px solid #cfcfcf; }
#pied div.bloc li.last {border-bottom: 0; }