body {margin: 0; padding: 0;}

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

div.exergue {padding:10px 25px;}

#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 36px;
	background: url(../images/accroche.png) no-repeat 53px 53px;
	text-indent: -9999px; 
	font-size:0.9em;
	font-weight: normal;
	color:#fff; }
		
#tete p.accroche a { display:block; width:144px; height:65px; }

#tete p.accroche small {
	color:#f6f6f6;
	font-size:0.9em;
	padding-top:7px;
    padding-left:21px;
}
#bandeau {position: relative; height:217px; background: url(../images/bg_bandeau.jpg) no-repeat 0 5px;}
#logo {	float: left; width: 163px;}
#logo > a > img {height: 107px;}

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: 17px; padding: 2px 0;}
#flag, #flag ul {display:block;}
#flag {background:transparent;}
#flag ul {margin: 0 0 0 400px;}
#flag li {list-style:none; float:left;}
#flag img {padding:2px 9px 0 9px;height:13px;}


/*
 * 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;
	margin: 0 0 20px 0;
	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:#484848;}
#contenu #preview h1:first-letter {/*color:#bd242b;*/}
#contenu #preview .contenu_preview {margin-top: 8px; }

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

/*encart image livraison*/
#coldroite #livraison {background:none;}
#coldroite #livraison a.livraison
{
	display:block;
	width:192px;
	height:320px;
	text-indent:-99999px;
	background:url(../images/bg_livraison.png) no-repeat right top;
	margin: -22px 0 0 0;
}

#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 0 0;  background: #d8d8d7; color:#60615d; font-size: 0.85em; line-height: 1.5em;}
#pied a { color: #60615d; }
#pied a:hover { color: #2E2E2E; }
#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: #2E2E2E;}
#pied h2 a:hover {text-decoration:underline;}

#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.65em; padding:0px;}
#referencement h3 { color:#deded6;}
#referencement p { margin:5px 0;}
#referencement h3 a { color:#f3f3f3; font-weight: normal;}
#referencement h3 a:hover { color:#fff; text-decoration: underline;}


/**************** Bloc pied***********************/
#pied div.bloc {float: left; width: 179px; 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; }