@charset "UTF-8";

html {
	margin:0 auto;
	padding:0;
}

body {
	margin:0 auto;
	padding:0;
	color:#000;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #000;
	
}


#conteneur1rr {
	background:  url(../../images/conteneur1r.jpg) top center repeat-x;
	height:192px;
	margin:auto;
}

#conteneur1 {
	background: url(../../images/conteneur1.jpg) top center repeat-x ;
	height:192px;
	margin:auto;
}
#entete1 {
	margin: auto;
	width: 980px;
	height: 192px;
	color: white;
	background: url(../../images/entete1.jpg) top center no-repeat;
}

#logo {
display:block;
float:left;
height:40px;
margin:48px 0 0 289px;
width:405px;
cursor: pointer;
}

#minimenu {
float: right;
width: 263px;
height: 22px;
margin: 3px 0 0 5px;
}
.langue {
color:#FFFFFF;
display:block;
float:left;
height:13px;
margin:6px 5px 0 0;
padding:0 0 0 30px;
width:35px;
}

.fr {
background:transparent url(../../images/flagfr.jpg) no-repeat scroll left center;
}

.en {
background: url(../../images/flagen.jpg) left center no-repeat;
}

#fav {
background: url(../../images/fav.png) left center no-repeat;
height: 18px;
width: 18px;
margin: 2px 0 0 35px;
display: block;
float: left;
}

#fav:hover {
background: url(../../images/fav_hover.png) left center no-repeat;
}

#share {
background: url(../../images/share.png) left center no-repeat;
height: 18px;
width: 18px;
margin: 2px 0 0 12px;
display: block;
float: left;
}

#share:hover {
background: url(../../images/share_hover.png) left center no-repeat;
}

#sitemap {
background: url(../../images/sitemap.png) left center no-repeat;
height: 18px;
width: 18px;
margin: 2px 0 0 12px;
display: block;
float: left;
}

#sitemap:hover {
background: url(../../images/sitemap_hover.png) left center no-repeat;
}

#conteneur2 {
background: #313130 url(../../images/conteneur2.jpg) top left repeat-x;
margin:auto;
}

#corps{
margin: auto;
width: 980px;
min-height: 1235px;
}

#gauche {
background: #000;
width: 220px;
min-height: 1230px;
float: left;
}

#rech {
width: 220px;
height: 43px;
margin: 0px;
float: left;
background: #313130 url(../../images/rech_bg.jpg) top left no-repeat;
}
#frm_rech {
width: 220px;
float: left;
text-align: center;
line-height: 30px;
}
.selectrech {
margin: 2px 0 2px 0;
width: 170px;
}

.valider {
margin: 3px 0 3px 0;
background: url(../../images/valider_bg.png) center center no-repeat;
width: 88px;
height: 20px;
border: 0px;
color: #FFF;
cursor: pointer;
}

#menu {
margin-top:30px;
float:left;
}
.stretcher {
padding:0;
margin: 5px 0 5px 0;
}

#menu h2, .menutitre {
margin: 0 0 10px 0;
width: 210px;
}
#menu h2 a {
background:transparent url(../../images/menuv_target.png) no-repeat scroll left bottom;
color:#FFF;
display:block;
font-size:14px;
font-weight:normal;
height:26px;
padding:3px 0 0 40px;
width:178px;
}
#menu h2 a:hover {
background:transparent url(../../images/menuv_target_hover.png) no-repeat scroll left bottom;
}

.stretcher li {
height:16px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0 0 0 50px;
width:160px;
}

.stretcher li a {
color:#FFF;;
display:block;
font-size:12px;
font-weight:normal;
text-decoration:none;
}

#zone_phare {
background:transparent url(../../images/phare_bg.jpg) no-repeat scroll top center;
width: 220px;
min-height: 100px;
float: left;
margin-top: 10px;
}

#zone_phare  .image {
width: 207px;
height: 124px;
float: left;
margin:80px 0 0 7px;
/*background: #BEBEBE;*/
display: block;
}

#zone_phare  .image img {
float:left;
margin:5px 0 0 10px;
max-height:119px;
max-width:196px;

}

#zone_phare  .nom {
color : #2B9AAC;
font-size: 14px;
text-align: center;
width: 190px;
float: left;
margin: 10px 0 0 5px;
display: block;
}

#zone_phare  .desc {
color : #FFF;
font-size: 12px;
text-align: left;
width: 190px;
float: left;
margin: 10px 0 0 5px;
}

#zone_phare  .prix {
color:#FFFFFF;
float:left;
font-size:14px;
font-weight:normal;
height:21px;
margin:5px 0 0 15px;
padding:5px 0 0 30px;
width:150px;
background: url(../../images/fleche_bleu.png) left bottom no-repeat;
}

#zone_phare  .voir {
background: url(../../images/bouton1.png) left bottom no-repeat;
width: 178px;
height:15px;
margin:15px 0 0 10px;
padding-top: 5px;
text-align: center;
color: #FFF;
display: block;
float: left;
}

#precommande {
background: url(../../images/precommande_bg.jpg) left top no-repeat;
width: 220px;
height: 66px;
float: left;
margin-top: 20px;
}
#precommande a {
display: block;
float: left;
cursor: pointer;
width: 150px;
height:24px;
margin:26px 0 0 55px;
}

#top5 {
background: url(../../images/top5_bg.jpg) left top no-repeat;
width: 220px;
min-height: 100px;
float: left;
margin: 25px 0 0 0;
}

.topligne{
color:#FFFFFF;
float:left;
font-size:12px;
font-weight:bold;
margin:0 0 0 5px;
min-height:17px;
width:213px;
display: block;
cursor: pointer;
}

#top5  .image {
width: 207px;
height: 123px;
float: left;
margin:15px 0 10px 6px;
/*background: #FFF;*/
display: block;
}

#top5  .image img {
float:left;
margin:2px 0 0 10px;
max-height:239px;
max-width:163px;
}

#top5  .voir {
background: url(../../images/bouton2.png) left bottom no-repeat;
width: 109px;
height:15px;
margin:15px 0 0 55px;
padding: 5px 0 0 15px;
color: #FFF;
display: block;
float: left;
}

#droite {
background: #000;
width: 220px;
min-height: 1230px;
float: right;
}

#panier {
width: 220px;
min-height: 43px;
margin: 0px;
background:  url(../../images/panier_bg.jpg) top left no-repeat;
float: left;
}

#etatpanier {
float: left;
margin: 50px 0 0 0px;
width: 200px;
color: #FFF;
text-align: center;
font-size: 12px;
font-weight: normal;
}

#panier  .voir {
background: url(../../images/bouton3.png) left bottom no-repeat;
color:#FFFFFF;
display:block;
float:left;
height:17px;
margin:15px 0 0 30px;
padding:3px 0 0 13px;
width:159px;
}

#moncompte {
width: 220px;
min-height: 59px;
margin: 0px;
background:  url(../../images/moncompte_bg.jpg) top left no-repeat;
margin: 15px 0 0 0;
float: left;
}

.zone{
float:left;
min-height:100px;
margin:55px 0 0 5px;
width:210px;
color: #FFF;
}
#moncompte a {
color: #FFF;
}
#moncompte a:hover {
color: #35BDD4;
}
#moncompte  .voir {
background: url(../../images/bouton1.png) left bottom no-repeat;
width: 178px;
height:20px;
margin:2px 0 5px 20px;
text-align: center;
color: #FFF;
float: left;
border: 0;
cursor: pointer;
}

.ajoutpanier {
background: url(../../images/bouton1.png) left bottom no-repeat;
height:20px;
color: #FFF;
border: 0;
font-size: 12px;
cursor: pointer;
display: block;
float:left;
font-size:12px;
height:16px;
margin:2px 0 5px 20px;
padding-top:6px;
text-align:center;
width:178px;

}



#zone_flash {
width: 220px;
min-height: 57px;
margin: 0px;
background: url(../../images/flash_bg.jpg) top left no-repeat;
float: left;
margin: 15px 0 0 0;
color: #FFF;
}
#zone_flash img {
text-align: center;
}

#zone_flash a {
color :#D03900
}
#zone_flash a:hover {
color: #35BDD4;
}

#flash_infos {
margin: 53px 0 0 5px;
width: 210px;
min-height: 100px;
float: left;
font-size: 12px;
}
#flash_infos h2 {
font-size: 13px;
margin: 5px;
}


#zone_newsletter {
width: 220px;
min-height: 58px;
margin: 0px;
background:  url(../../images/newsletter_bg.jpg) top left no-repeat;
float: left;
margin: 15px 0 0 0;
}

.ok {
background:  url(../../images/ok_bg.jpg) center center no-repeat;
width: 22px;
height: 17px;
border: 0;
cursor: pointer;
}

#zone_promo {
width: 220px;
min-height: 58px;
margin: 0px;
background:  url(../../images/promo_bg.jpg) top left no-repeat;
float: left;
margin: 15px 0 0 0;
}

#zone_promo  .image {
width: 207px;
height: 124px;
float: left;
margin:60px 0 0 7px;
display: block;
}

#zone_promo  .image img {
float:left;
margin:5px 0 0 10px;
max-height:119px;
max-width:196px;

}

#zone_promo  .nom {
color : #D03900;
font-size: 14px;
text-align: center;
width: 190px;
float: left;
margin: 10px 0 0 5px;
display: block;
}

#zone_promo  .desc {
color : #FFF;
font-size: 12px;
text-align: left;
width: 190px;
float: left;
margin: 10px 0 0 5px;
}

#zone_promo  .prix {
color:#FFFFFF;
float:left;
font-size:12px;
font-weight:normal;
min-height:21px;
margin:5px 0 0 25px;
padding:5px 0 0 30px;
width:150px;
background: url(../../images/fleche_rouge2.png) left 5px no-repeat;
}

#zone_promo  .voir {
background: url(../../images/bouton4.png) left center no-repeat;
width: 159px;
height:18px;
margin:15px 0 0 20px;
padding-top: 3px;
text-align: left;
padding-left: 12px;
color: #FFF;
display: block;
float: left;
}

#zone_paiement {
width: 180px;
min-height: 50px;
margin: 0px;
float: left;
margin: 25px 0 0 30px;
float: left;
}
#zone_paiement h2 {
width: 150px;
color: #C00001;
font-size: 12px;
background: url(../../images/fleche_rouge.png) left center no-repeat;
float: left;
padding-left:25px;
}
#zone_paiement img {
margin: 5px 0 0 0;
float: left;
}

#rss {
background: url(../../images/rss.png) left center no-repeat;
display: block;
height:15px ;
width: 90px;
margin: 30px 0 0 60px;
float: left;
}

#centre {
margin: 0;
width: 540px;
min-height:700px;
float: left;
}


#topmenu {
float:right;
height:26px;
margin:10px 0 0 105px;
overflow:hidden;
width:540px;
}


#topmenu ul {
margin:0 0 0 3px;
padding:0;
text-align:right;
}

#topmenu li {
background: #641700 url(../../images/topmenu_bg.png) no-repeat  center center;
float:left;
height:25px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
border: solid 1px;
border-color: #FFF;
margin-right: 5px;
}

#topmenu li a {
color:#FFFFFF;
display:block;
float:left;
font-family:Arial;
font-size:12px;
font-weight: bold;
padding:5px 22px 8px;
text-decoration:none;
}

#topmenu li:hover {
background: #00525D url(../../images/topmenu__hover_bg.png) no-repeat  center center;

}

#page {
background: white;
width: 540px;
min-height:1193px;
margin:0;
float: left;
color: #000;
font-size: 13px;
}

#arbo {
background:transparent url(../../images/arbo_bg.png) no-repeat scroll center center;
color:#D63B00;
float:left;
font-size:12px;
font-weight:bold;
height:33px;
margin:3px 0 10px;
padding-top:20px;
text-align:center;
width:540px;
}
#arbo a {
color:#D63B00;
}

.titre {
margin: 5px 0 0 30px;
color: #000;
width: 510px;
float: left;
font-size: 13px;
font-weight: bold;
}

.article {
margin: 15px 0 0 30px;
color: #000;
width: 500px;
float: left;
font-size: 13px;
}

.article a {
color: #328E9F;
cursor: pointer;
}

#liste_promo {
background: url(../../images/centre_promo.png) top center no-repeat;
float: left;
width:530px;
min-height: 239px;
margin: 50px 0 0 2px;
}

.produit_promo {
width: 174px;
min-height: 239px;
margin: 0px;
background:  url(../../images/centrepromo_bg.png) top left no-repeat;
float: left;
margin: 15px 0 0 0;
}

.produit_promo  .image {
border:1px solid #BA3200;
float:left;
height:100px;
margin:10px 0 0 4px;
width:165px;
}

.produit_promo  .image img {
float:left;
margin:2px 0 0 8px;
max-height:96px;
max-width:172px;

}

.produit_promo  .nom {
color:#D03900;
float:left;
font-size:14px;
font-weight:bold;
margin:6px 0 0 2px;
text-align:center;
width:171px;
}

.produit_promo  .desc {
color:#000000;
float:left;
font-size:12px;
margin:7px 0 0 5px;
text-align:left;
width:167px;
}

.produit_promo  .prix {
background:transparent url(../../images/fleche_rouge3.png) no-repeat scroll left 5px;
color:#000000;
float:left;
font-size:12px;
font-weight:bold;
min-height:21px;
margin:1px 0 0 15px;
padding:5px 0 0 30px;
width:125px;
}

.produit_promo  .voir {
background: url(../../images/voirdetails.png) left center no-repeat;
width: 128px;
height:21px;
margin:10px 0 0 20px;
padding-top: 3px;
text-align: left;
padding-left: 12px;
color: #FFF;
display: block;
float: left;
}

.ligne_verticale1{
background: url(../../images/ligne_verticale1.png) center center no-repeat;
width: 3px;
min-height: 239px;
margin-top: 15px;
float: left;
}


#liste_phare {
background: url(../../images/centre_phare.png) top center no-repeat;
float: left;
width:530px;
min-height: 100px;
margin: 50px 0 0 2px;
}

.sousarbo {
background: #666666 url(../../images/fleche_blanche.png) 10px center no-repeat;
min-width:100px;
float: left;
font-size: 14px;
font-weight: bold;
color: #FFF;
height:22px;
margin:32px 0 0 25px;
min-width:100px;
padding:2px 5px 0 40px;
}


.produit_phare {
width: 174px;
min-height: 239px;
margin: 0px;
background:  url(../../images/centrephare_bg.png) top left no-repeat;
float: left;
margin: 15px 0 0 0;
}

.produit_phare  .image {
border:1px solid #045966;
float:left;
height:100px;
margin:10px 0 0 4px;
width:165px;
}

.produit_phare  .image img {
float:left;
margin:2px 0 0 1px;
max-height:239px;
max-width:163px;

}

.produit_phare  .nom {
color:#035965;
float:left;
font-size:14px;
font-weight:bold;
margin:6px 0 0 2px;
text-align:center;
width:171px;
}

.produit_phare  .desc {
color:#000000;
float:left;
font-size:12px;
margin:7px 0 0 5px;
text-align:left;
width:167px;
}

.produit_phare  .prix {
background:transparent url(../../images/fleche_bleu.png) no-repeat scroll left bottom;
color:#000000;
float:left;
font-size:12px;
font-weight:bold;
height:21px;
margin:1px 0 0 15px;
padding:5px 0 0 30px;
width:115px;
}

.produit_phare  .voir {
background: url(../../images/voirdetails2.png) left center no-repeat;
width: 128px;
height:21px;
margin:10px 0 0 20px;
padding-top: 3px;
text-align: left;
padding-left: 12px;
color: #FFF;
display: block;
float: left;
}

.ligne_verticale2{
background: url(../../images/ligne_verticale2.png) center center no-repeat;
width: 3px;
min-height: 239px;
margin-top: 15px;
float: left;
}


.liste_produit  {
background: none;
float: left;
width:530px;
min-height: 100px;
margin: 20px 0 0 5px;
}


.produit {
width: 174px;
min-height: 239px;
margin: 0px;
background:  url(../../images/centrephare_bg.png) top left no-repeat;
float: left;
margin: 15px 0 0 0;
}

.produit  .image {
border:1px solid #045966;
float:left;
height:100px;
margin:10px 0 0 4px;
width:165px;
}

.produit  .image img {
float:left;
margin:2px 0 0 8px;
max-height:96px;
max-width:172px;

}

.produit  .nom {
color:#035965;
float:left;
font-size:14px;
font-weight:bold;
margin:6px 0 0 2px;
text-align:center;
width:171px;
}

.produit  .desc {
color:#000000;
float:left;
font-size:12px;
margin:7px 0 0 5px;
text-align:left;
width:167px;
}

.produit  .prix {
background:transparent url(../../images/fleche_bleu.png) no-repeat scroll left bottom;
color:#000000;
float:left;
font-size:12px;
font-weight:bold;
height:21px;
margin:1px 0 0 20px;
padding:5px 0 0 25px;
width:125px;
}

.produit  .voir {
background: url(../../images/voirdetails2.png) left center no-repeat;
width: 128px;
height:21px;
margin:10px 0 0 20px;
padding-top: 3px;
text-align: left;
padding-left: 12px;
color: #FFF;
display: block;
float: left;
}




#conteneur3 {
background: #313130 url(../../images/conteneur3.jpg) center bottom repeat-x;
margin:auto;
}

#pied{
margin: auto;
width: 980px;
min-height: 275px;
}

#ekinoxe {
background: url(../../images/ekinoxe.png) left center no-repeat;
display: block;
height:81px ;
width: 76px;
margin: 10px 0 0 60px;
float: left;
}

#adresse {
float: left;
min-height: 30px;
margin:5px 0 0 85px;
width:750px;
color: #FFF;
}
#sommaire {
float: left;
width: 750px;
height: 30px;
margin: 10px 0 0 85px;
color: #35BDD4;
text-align: left;
}
#sommaire ul {
margin: 0;
padding: 0;
}
#sommaire li {
display:inline;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#sommaire a {
color: #35BDD4;
}
#sommaire a:hover {
color: #FFF;
text-decoration: underline;
}




#produit_details {
margin-top: 10px;
padding: 3px;
float: left;
width: 345px;
}


#pdetailsg {
float: left;
width: 212px;

}
#pdetailsd {
float: left;
width: 280px;
padding:3px;
}
#pdetailsb {
float: left;
width: 495px;
padding: 3px;
margin:2px 0 0 2px;
min-height: 150px;
font-size: 11px;
font-family: Arial, sans-serif;
background: #F5F6F6;
}

#produit_detail .img2 {
width: 210px;
height: 158px;
border: none;
float: left;
}

#produit_detail .img3 {
width: 104px;
height: 78px;
border: none;
float: left;
margin: 5px 2px 5px 0;
}

.pdetailsprix {
	color:#35BDD4;
	float:left;
	font-size:20px;
	font-weight:bold;
	height:30px;
	padding-top:8px;
	text-align:center;
	width:245px;
	letter-spacing:2px;
}

.pdetailsprixpromo {
	float:left;
	font-size:14px;
	font-weight:bold;
	height:16px;
	text-align:center;
	width:245px;
	text-decoration:line-through;
	color:#A14012;
}
.produit_achat{
	width: 315px;
	text-align: center;
	float: left;
}

.pdetailscontact {
	margin-left:95px;
	width:121px;
	height: 23px;
	background: url(../../images/ajoutp_p_bg.png) center center no-repeat;
	float:left;
	display: block;
	cursor: pointer;
}
.pdetailsnom {
	float: left;
	text-align: left;
	font-size: 16px;
	color: #000;	
}

.pdetailstitredesc{
float:left; 
width:425px; 
text-align:left; 
background:none; 
margin:5px 0 0 5px;
}

.pdetailsdesc{
	float: left;
	font-size: 12px;
	font-family: Arial, sans-serif;
	width: 285px;
	
}










/* ----- CLASSES COMMUNES ----- */

.clear {
  clear:both;
  margin:0;
  padding:0;
}
.long {
float: left;
width: 540px;
min-height: 20px;
}
a{
	color: #35BDD4;
	text-decoration:none;
}
img {
	border:none;
}

.submit {
margin: 3px 0 3px 0;
background: url(../../images/submit_bg.png) center center no-repeat;
width: 120px;
height: 24px;
border: 0;
font-size: 12px;
font-weight: bold;
color: #FFF;
}
.normal {
	color: #A14012;
	font-size: 13px;
}

.erreur{
	font-size:10px;
	color:#D63B00;	
}
.rouge {
	color:#D63B00;
}
.bleu {
	color: #35BDD4;
}
.bleu18 {
	color: #35BDD4;
	font-size: 18px;
}
.rouge18 {
	color: #D03900;
	font-size: 18px;
}

.rougebis18 {
	color: #FE923F;
	font-size: 18px;
}

.textedroite {
text-align: right;
float: right;
}
.textegauche {
text-align: left;
float: left;
}

.prix_barre {
text-decoration:line-through;
}

#page .rub {
color:#35BDD4;
font-size: 12px;
}

#page .rub a{
color:#35BDD4;
font-size: 12px;
}
#page .rub a:hover{
color: #D03900;
}

#page .map {
color:#35BDD4;
font-size: 12px;
}

#page .map a{
color:#35BDD4;
font-size: 12px;
}

#page .map a:hover{
color: #D03900;
}

/*fin communes */









/************************************************************/
td {
vertical-align:top;
margin:0;
padding:0
}

p.erreur {
color:#c00;
font-weight:700;
text-align:center
}

p.intro {
font-weight:700;
width:450px;
margin:auto
}


.corbeille{
display:block;
height:24px;
width:24px;
background:url(../../images/corbeille.png)
}


#multipage{
margin:5px 5px 5px 250px
}

#multipage td{
padding:0 3px
}


/******************************************************************/



#stock0, #stock1, #stock2, #stock3, #stock4, #stock5	{
	background:url(../../images/stock0.jpg) center no-repeat;
	height:9px;			width:59px;
}
#stock1	{	background:url(../../images/stock1.jpg) center no-repeat;	}
#stock2	{	background:url(../../images/stock2.jpg) center no-repeat;	}
#stock3	{	background:url(../../images/stock3.jpg) center no-repeat;	}
#stock4	{	background:url(../../images/stock4.jpg) center no-repeat;	}
#stock5	{	background:url(../../images/stock5.jpg) center no-repeat;	}