/* -------------- Mise à zéro des styles ---------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th, dt, dd, dl{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
a {outline: none;}

body, TD  {
	font-size:12px;
}

body {
background-color: #fff;
font-family: Arial, Sans-Serif;
}
/*---------- définir couleur de tous les imput ---*/
input{
		border:1px solid #9fa6a1;
		color:#9fa6a1;
}
/* ---------- container pour centrer le layout-------------- */
#container {
position:relative;
width: 1005px;
background-image: url(../images/template/fond-container.gif);
background-repeat: repeat-y;
margin: 0 auto;
}
#slogan {
position:relative;
width: 1005px;
text-align:center;
height:30px;
}
#slogan p{
font-size:10px;
color:#074E7B;
}

/* ----------banniere -------------- */
#banner {
position:relative;
height:213px;
}
#banner img{
	float:left;
}
#mon-compte{
float:left;
position:relative;
width:216px;
height:126px;
background-image: url(../images/template/mon-compte.jpg);
background-repeat: no-repeat;
}
#mon-compte h1{
	color:#fff;
	font-weight: bold;
	margin:3px 0 0 30px;
}
#mon-compte p{
	font-size:11px;
	margin:0;
	padding:3px 0 0 15px;
}
#mon-compte a{
	color:#9fa6a1;
}
#mon-compte a:hover{
	color:#4f4f4f;
	text-decoration: none;
}
#compte-mail{
	padding-right:3px;
	margin-right:5px;
	margin-left:10px;
	margin-top:15px;
}

#compte-pass{
	padding-right:3px;
	margin-right:5px;
	margin-left:10px;
	margin-top:5px;
}
#formbutton{
	border:0;
	font-weight:bold;
	font-size:9px;
	cursor: pointer;
	color:#7b7b7b;
	background:#eee;
}
#mon-panier{
float:left;
width:216px;
height:87px;
background-image: url(../images/template/mon-panier.jpg);
background-repeat: no-repeat;
}
#mon-panier p{
	color:#074e7b;
	font-size:12px;
	margin-top:32px;
	margin-left:10px;
}
#mon-panier h1{
	color:#fff;
	font-weight: bold;
	margin:14px 0 0 30px;
}
#article-panier{
	position:absolute;
	top:160px;
	left:915px;
	color:#fff;
	font-size:25px;
	font-weight:bold;
}
/* ------------------- menu horizontal ---------------------- */
#menu-horizontal{
position:relative;
left:29px;
width:945px;
height:43px;
	background:#4f4f4f;
	margin-bottom:15px;
}
#menu-horizontal img{
float:left;
}
#menu-horizontal ul {
padding-top:8px;
padding-left:10px;
list-style-type:none;
}
#menu-horizontal li
{
margin-right:10px;
float:left; /*pour IE*/
}
#menu-horizontal ul li a
{
display:block;
float:left;   
width:27px;
height:23px;
padding-top:4px;
background-image: url(../images/template/langue-gris.gif);
color:#fff;
text-decoration:none;
text-align:center;
}
#menu-horizontal ul li a:hover
{
background-image: url(../images/template/langue-bleu.gif);
}
/*------------- POUR LES LANGUES -----------------*/ 
#menu-horizontal2{
position:absolute;
top:243px;
left:145px;
width:85px;
height:43px;
	background:#4f4f4f;
	margin-bottom:15px;
	z-index:100;
}
#menu-horizontal2 img{
float:left;
}
#menu-horizontal2 ul {
padding-top:8px;
padding-left:10px;
list-style-type:none;
}
#menu-horizontal2 li
{
margin-right:10px;
float:left; /*pour IE*/
}
#menu-horizontal2 ul li a
{
display:block;
float:left;   
width:27px;
height:23px;
padding-top:4px;
background-image: url(../images/template/rond-gris.jpg);
color:#fff;
text-decoration:none;
text-align:center;
}
#menu-horizontal2 ul li a:hover
{
background-image: url(../images/template/rond.jpg);
} 
/*----------------- FIN POUR LES LANGUES ----------------*/
#choix-marque{
	margin-left:295px;
	margin-right:17px;
	float:left;
}

#menu-horizontal select {
background-color:#fff;
color:#9fa6a1;
width:190px;
border:1px solid #9fa6a1;
}

#bouton-recherche{
	border:0;
	font-weight:bold;
	font-size:9px;
	cursor: pointer;
	color:#7b7b7b;
	background:#4f4f4f;
}
#recherche input{
	margin-left:20px;
}
/* ----------------- contenu --------------------- */
#content {
float:left;
width:510px;
overflow-x:hidden;
}
#content p{

	padding:6px 0 0 0px;
	font-size:12px;
}
#content h1{
	/*text-align: left;*/
	padding:6px 0 0 0px;
	font-size:21px;
	font-weight: bold;
}
#content h2{
	/*text-align: left;*/
	padding:6px 0 0 0px;
	font-size:20px;
	font-weight: bold;
}
#content h3{
	/*text-align: left;*/
	padding:6px 0 0 0px;
	font-size:19px;
	font-weight: bold;
}
#content h4{
	/*text-align: left;*/
	padding:6px 0 0 0px;
	font-size:18px;
	font-weight: bold;
}
#content h5{
	/*text-align: left;*/
	padding:3px 0 0 0px;
	font-size:17px;
	font-weight: bold;
}

#content h6{
	/*text-align: left;*/
	padding:3px 0 0 0px;
	font-size:14px;
	font-weight: bold;
}
#content ul{
	padding-top:6px;
}
#content ul li{
	list-style: disc;
	margin-left:15px;
	padding-left:10px;
	padding-bottom:6px;
	font-size:12px;
}
#content ol{
	padding-top:6px;
}
#content ol li{
   list-style: decimal;
	margin-left:33px;
	padding-left:3px;
	font-size:12px;
}
#content dt{
   padding-left:15px;
	margin-left:10px;
	font-weight: bold;
	font-size:12px;
}

#content dd{
padding-left:35px;
font-size:11px;
}
.taille10{font-size:10px;}
.taille11{font-size:11px;}
.taille13{font-size:13px;}
.taille14{font-size:14px;}
.taille15{font-size:15px;}
.taille16{font-size:16px;}
.taille17{font-size:17px;}
.taille18{font-size:18px;}
.taille19{font-size:19px;}
.taille20{font-size:20px;}
#chemin{

color:#8f9591;
font-size:12px;
padding-left:17px;
}
#chemin a{
	color:#138da9;
	text-decoration:none;
}
/*------------------ alignement-gauche---------------*/
#align-gauche{
	width:976px;
	margin-left:29px;
}
/* -------------- navigation gauche ------------- */
#left {
float: left;
width: 216px;
}
#left dl{
		margin-bottom:10px;
}
#left dt{
	height:30px;
	padding-left:27px;
	padding-top:3px;
}
.repos-gauche{
	background-image: url(../images/template/fond-menu-1.gif);
	background-repeat: no-repeat;
}
.selectionne-gauche{
	background-image: url(../images/template/fond-menu-1-active.gif);
	background-repeat: no-repeat;
}
#left dt a{
	display:block;  
	height:23px;
	color:#fff;
	text-decoration:none;
	font-size:16px;
}
#left dd{
	background:#f1f1f1;
	height:19px;
	width:200px;
	padding-left:10px;
	padding-top:5px;
	border-bottom: 1px dotted #7b7b7b;
}
#left dd a{
	display:block;
	height:23px;
	_height:20px;
	color:#7b7b7b;
	text-decoration:none;
	font-size:11px;
}
#left dd a:hover{
	color:#198eaa;
}
/* -------------- navigation droite ------------- */
#right {
float: right;
width: 242px;
}
#cheque-cadeau,#conseils, #newsletter, #livraisons, #contact{
	width:216px;
	background-image: url(../images/template/fond-menu-droite.gif);
	background-repeat: no-repeat;
	margin-bottom:10px;
	color:#7a7a7a;
		font-size:12px;
}
#cheque-cadeau img{
	margin-top:5px;
	margin-bottom:3px;
}
#cheque-cadeau h6,#conseils h6, #newsletter h6, #livraisons h6, #contact h6{
	padding-left:27px;
	padding-top:3px;
	color:#fff;
	height:30px;
	font-size:16px;
}
#conseils ul,#livraisons ul{
	padding-left:10px;
	padding-bottom:5px;
}
#conseils ul li,#livraisons ul li{
	margin-left:15px;
	list-style-image: url(../images/template/puce-conseils.gif);
}
#conseils ul li a{
		color:#7a7a7a;
		text-decoration: none;
}
#conseils ul li a:hover{
		color:#35a4b8;
		text-decoration: none;
}
#newsletter p{
	padding-left:10px;
	font-size:13px;
	font-weight:bold;
	margin-bottom:5px;
}
#bouton-news{
	border:0;
	font-weight:bold;
	font-size:9px;
	cursor: pointer;
	color:#7b7b7b;
	background:#eaeaea;
}
#news input{

	color:#9fa6a1;
}
#newsletter input{
		margin-left:10px;
		margin-bottom:7px;
}
#livraisons p{
	padding-left:10px;
	font-size:12px;
	font-weight:bold;
}
#contact p{
	margin-bottom :10px;
	padding-left:10px;
}
#contact a{
	text-decoration:none;
	color:#7a7a7a;;
}
#concours{
	width:216px;
	background-image: url(../images/template/fond-menu-concours.gif);
	background-repeat: no-repeat;
	margin-bottom:10px;
	color:#7a7a7a;
	font-size:12px;
}
#concours h6{
	padding-left:27px;
	padding-top:3px;
	color:#fff;
	height:30px;
	font-size:16px;
}
#concours p{
	margin-bottom :10px;
	padding-left:10px;
}
#calvitie{
	width:216px;
	background-image: url(../images/template/fond-calvitie.gif);
	background-repeat: no-repeat;
	margin-bottom:10px;
	color:#7a7a7a;
	font-size:12px;
}
#calvitie h6{
	padding-left:27px;
	padding-top:3px;
	color:#fff;
	height:30px;
	font-size:16px;
}
#menu-secondaire{
	width:216px;
	background-image: url(../images/template/fond-menu-secondaire.gif);
	background-repeat: no-repeat;
	margin-bottom:10px;
	color:#7a7a7a;
	font-size:14px;
}
#menu-secondaire ul{
	padding-left:16px;
	padding-bottom:5px;
	padding-top:2px;
}
#menu-secondaire ul li{
	margin-left:15px;
	_margin-left:11px;
	margin-top:10px;
	padding-left:2px;
	list-style-image: url(../images/template/puce-menu-secondaire.gif);
}
#menu-secondaire ul li a{
		color:#fff;
		text-decoration: none;
}
#menu-secondaire ul li a:hover{
		color:#35a4b8;
		text-decoration: none;
}
#easy-concept{
	width:230px;
	height:20px;
	font-size:10px;
}
#easy-concept a{
	color:#7a7a7a;
	text-decoration:none;
}
#easy-concept img{
	vertical-align: middle;
	margin-left:3px;
}
#cadenas {
	position:relative;
	left:200px;
	top:-20px;
	width:10px;
	height:10px;
}
/* ----------- pied de page --------------------------- */
#footer {
clear: both;
margin: 10px 0px 0px 0px;
padding: 0 29px;
text-align: center;
font-size:10px;
color:#7a7a7a;
background-image: url(../images/template/footer_img.gif);
background-repeat: no-repeat;
background-position:top center;
}
#footer a{
	text-decoration: none;
	color:#7a7a7a;
}
#footer a:hover{
		color:#35a4b8;
}
/* -------------- LE SHOP ------------- */

.tab_prod{
width:490px;
margin-top:5px;
margin-left:5px;
border:1px solid #C2C2C2;
}
.td_img_prod{
width:80px;
text-align:center;
vertical-align:top;
padding-top:10px;
}
.td_prix_prod{
width:120px;
text-align:center;
background-image: url(../images/shop/fond-panier.gif);
vertical-align:top;
padding:5px;
color:#FFFFFF;
}
.td_desc_prod{
width:275px;
vertical-align:top;
padding:5px;
color:#7a7a7a;
font-size:12px;
}
.mini_desc{
font-size:12px;
}
.img_prix{
margin-top:5px;
margin-bottom:5px;
}
.lien_suite{
text-decoration:none;
color:#3FA5B3;
font-size:10px;
}

.associé{
font-size:10px;
font-weight:bold;
}
.img_assoc{
text-align:center;
vertical-align:top;
padding-top:10px;
}

.img_assoc img{
border:1px solid #8b928d;
}

.td_description{
width:275px;
vertical-align:top;
padding:5px;
color:#7a7a7a;
font-size:12px;
background-color:#ededed;
}

.gras{
font-weight:bold;
}

.bleu{
color:#87c0cd;
}

.separation{
color:#87c0cd;
}
.centre{
text-align:center;
}

a{
	color:#138da9;
	text-decoration:none;
}

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

/* -------------- FIN LE SHOP --------- */