@charset "UTF-8";

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

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

#conteneur0 {
	background: url(../../images/conteneur0_bg.png) top center repeat-x;
	height:210px;
	margin:auto;
}
#conteneur1 {
	background: url(../../images/conteneur1_bg.png) top center no-repeat;
	height:180px;
	margin:auto;
}

#entete1 {
	margin: auto;
	width: 980px;
	height: 180px;
}

#anim {
margin:0;
width:980px;
height: 180px;
display: block;
border: none;
cursor: pointer;
}

.logo {
	margin: 15px 0 0 2px;
	height: 57px;
	width: 283px;
	float:left
}

#conteneur2 {
	background: url(../../images/conteneur2_bg.png) top center no-repeat;
	height:30px;
}

#entete2 {
	margin: auto;
	width: 980px;
	height: 30px;
	background: transparent;
}

#entete2 .titre {
	float: left;
	color: #FFF;
	font-size: 14px;
	margin:5px 0 0 34px
}

#topmenu {
	float: left;
	margin: 0 0 0 26px;
	height: 30px;
	color: #FFF;
	background: url(../../images/barrev_white.png) left center no-repeat;
}

#topmenu ul{
	margin: 0;
	padding: 0;
	height: 30px;
}

#topmenu li{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	background: url(../../images/barrev_white.png) right center no-repeat;
	height: 30px;
	float: left;
}


#topmenu li a{
	padding: 6px 10px 8px 10px;
	text-decoration: none;
	color: #FFF;
	display: block;
	float: left;
	
}

#topmenu li a:hover{
	background: url(../../images/topmenu_hover.png) right center repeat-x;
}

#minimenu {
	float: right;
	height: 20px;
	margin: 5px 0 0 0;
}
.minimenu1 {
	display: block;
	float: left;
	height: 21px;
	width: 21px;
	background: url(../../images/minimenu1.png) center center no-repeat;
}
.minimenu1:hover {
	background: url(../../images/minimenu1_hover.png) center center no-repeat;
}

.minimenu2 {
	display: block;
	float: left;
	height: 21px;
	width: 21px;
	background: url(../../images/minimenu2.png) center center no-repeat;
}
.minimenu2:hover {
	background: url(../../images/minimenu2_hover.png) center center no-repeat;
}

.minimenu3 {
	display: block;
	float: left;
	height: 21px;
	width: 21px;
	background: url(../../images/minimenu3.png) center center no-repeat;
}
.minimenu3:hover {
	background: url(../../images/minimenu3_hover.png) center center no-repeat;
}

.minimenu4 {
	display: block;
	float: left;
	height: 21px;
	width: 21px;
	background: url(../../images/minimenu4.png) center center no-repeat;
}
.minimenu4:hover {
	background: url(../../images/minimenu4_hover.png) center center no-repeat;
}

.barrev_noir{
	background: url(../../images/barrev_noir.png) center center no-repeat;
	width: 8px;
	height: 19px;
	float: left;
}

.barrev_white{
	background: url(../../images/barrev_white.png) center center no-repeat;
	width: 8px;
	height: 19px;
	float: left;
}

#conteneur3 {
	background: #FFF;
}

#corps {
	margin: auto;
	width: 980px;
	background: transparent;
}

#gauche {
float: left;
width: 254px;
margin-left:-8px;
}

#droite {
float: right;
width: 243px;
font-family: Geneva Verdana;

}
#centre {
margin: 0 0 0 246px;
height: 300px;
width: 488px;

}

#zone_rech {
	width: 254px;
	height: 131px;
	margin-top: 2px;
	background: url(../../images/zone_rech_bg.png) center center no-repeat;
	
}

#bloc_rech {
	margin: 40px 0 0 44px;
	width: 177px;
	height: 62px;
	color: #0E3A63;
	font-size: 10px;
	float: left;

}

.texte {
color: #0E3A63;
font-size: 10px;
 width: 178px;
 height: 15px;
 border: solid 1px;
 background: #F5F5F5;
}

.choisir {
color: #0E3A63;
font-size: 10px;
width:180px;
height:19px;
border: solid 1px;
voice-family:inherit;
background: #F5F5F5;
}

.valider {
width: 86px;
height: 22px;
cursor:pointer;
border: 0px;
background: url(../../images/valider_bg.png) left center no-repeat;
}

#zone_menu {
	background: url(../../images/ombre.png) top center no-repeat;
	width:247px;
	/*min-height:150px;*/
	margin-top:10px;
	float:left;
}

#bloc_menu_haut {
	background: url(../../images/bloc_menuh_bg.png) top center no-repeat;
	width:223px;
	height:6px;
	margin: 4px 0 0 12px;
}

#bloc_menu_rep {
	background: url(../../images/bloc_menur_bg.png) top center repeat-y;
}

#bloc_menu {
	background: url(../../images/bloc_menu_bg.png) top center no-repeat;
	width:223px;
	min-height:225px;
	margin-left:12px;
}

#bloc_menu_bas {
	background: url(../../images/bloc_menub_bg.png) top center no-repeat;
	width:223px;
	height:7px;
	margin-left:12px;
}

#menu {
	/*min-height:200px;*/
	width:100px;
	padding: 2px 0 0 2px;
	color: #000;
	font-family:Verdana, Geneva, sans-serif;
}

#menu h2, .menutitre {
margin:0;
}

#menu h2 a {
background:transparent url(../../images/menutitre_bg.png) no-repeat scroll left center;
color:#000;
display:block;
font-size:13px;
font-weight:normal;
text-align:left;
padding: 3px 0 0 32px;
margin: -4px 3px 0 -2px;
width:190px;
height:22px;
}
#menu h2 a:hover {
background:transparent url(../../images/menutitre_hover_bg.png) no-repeat scroll left center;
}

.stretcher {
	margin:2px 0 5px 20px;
	padding: 0 0 0 5px;
}

.stretcher li {
height:16px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0 0 1px 10px;
width:183px;
background:transparent url(../../images/puce.png) no-repeat scroll left center;
}

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

.stretcher li a:hover {
	color:#CC0000;
}


#zone_horaire{
	margin: 10px 0 0 0;
	background: url(../../images/zone_horairer_bg.png) center center repeat-y;
	width: 254px;
	min-height: 100px;
	float:left;
}
#zone_horaireh{
	margin: 0;
	background: url(../../images/zone_horaireh_bg.png) top center no-repeat;
	width: 254px;
	float:left;
}
#zone_horaireb{
	margin:0;
	background: url(../../images/zone_horaireb_bg.png) bottom center no-repeat;
	width: 254px;
	height: 13px;
	float:left;
}

#bloc_horaire{
	float: left;
	width: 180px;
	margin:55px 0 0 43px;
	font-family: Geneva;
	font-size: 11px;
	color: #333333;
}

#zone_tag{
	margin: 10px 0 10px 0;
	background: url(../../images/zone_tag_bg.png) top center no-repeat;
	width: 254px;
	min-height: 200px;
	float:left;
}
#bloc_tag{
	min-height: 258px;
	width: 180px;
	margin: 50px 0 0 50px;
	float: left;
	font-family:Verdana, Geneva, sans-serif;
	color:#666666;
	font-size:11px;
}


.tag1{
	color:#666666;
	font-size:11px;
}
.tag2{
	color:#1F71E6;
	font-size:13px;
}
.tag3 {
	color:#FF0000;
	font-size:16px;
}
.tag4{
	color:#666666;
	font-size:14px;
}
.tag5{
	color:#1F71E6;
	font-size:15px;
}


#zone_newsletter {
	width: 243px;
	height: 101px;
	margin:0;
	background: url(../../images/zone_newsletter_bg.png) center center no-repeat;
}

#bloc_newsletter{
	float: left;
	width: 183px;
	height: 43px;
	margin: 52px 0 0 41px;
}

#zone_flash{
	background: url(../../images/zone_flash_bg.png) center center no-repeat;
	width: 243px;
	height: 228px;
}

#zone_flash h2 {
 font-size: 13px;
}

#flash_infos{
	float: left;
	width: 182px;
	height: 161px;
	margin: 48px 0 0 44px;
	color: #333333;
	font-size: 11px;
	font-family: Geneva;
	overflow:hidden;
	
}

#zone_promo{
	background: url(../../images/zone_promo_bg.png) top center no-repeat;
	width: 243px;
	min-height: 350px;
	float:left;
	
}
#zone_promo_rep{
	background: url(../../images/zone_promorep_bg.png) top center repeat-y;
	width: 243px;
	min-height: 354px;	
	float:left;
}
#zone_promo_bas{
	background: url(../../images/zone_promobas_bg.png) bottom center no-repeat;
	width: 243px;
	height: 11px;	
	float:left;
}
#promotion{
	float: left;
	width: 173px;
	min-height: 315px;
	margin: 38px 0 0 50px;
	color: #333333;
	font-size: 11px;
	font-family:Geneva;
	float:left;
}

#promotion .imgpromo {
	margin:0;
	width: 172px;
	min-height: 118px;
	border: none;
	display: block;
	margin: 25px 0 30px 0;
	float:left;
	
}
.promos {
float:left;
}
#promotion .nom {
	background:transparent url(../../images/nom_promo_bg.png) no-repeat scroll left top;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-size:11px;
	height:22px;
	margin:3px 0 0 -6px;
	padding:3px 0 0 33px;
	width:173px;
	float:left;
}

#promotion .desc {
	width: 145px;
	min-height: 25px;
	margin: 0px 0 0 25px;
	float:left;
	
}

#promotion .prix {
	background:transparent url(../../images/prix_promo_bg.png) no-repeat scroll left top;
	color:#FFFFFF;
	font-family:Verdana;
	font-size:11px;
	font-weight: bold;
	height:43px;
	margin:5px 0 0 -6px;
	width:186px;
	display:block;
	float:left;
}
#promotion .prix .p1 {
	text-decoration:line-through;
	margin: 11px 0 0 11px;
	width: 68px;
	height: 17px;
	font-size: 12px;
	float: left;
}

#promotion .prix .p2 {
	float:left;
	font-size:16px;
	height:21px;
	margin:8px 0 0 23px;
	width:75px;
}

#promotion .savoir {
	background:transparent url(../../images/savoir_promo_bg.png) no-repeat scroll left top;
	display:block;
	height:27px;
	margin:0 0 0 -6px;
	width:186px;
	float:left;
}
#promotion .savoir:hover {
	background:transparent url(../../images/savoir_promo_hover_bg.png) no-repeat scroll left top;

}


#zone_rss {
	margin: 15px 0 0 15px; 
	background: url(../../images/rss.png) top left no-repeat;
	width: 213px;
	height: 53px;
	padding: 2px 0 0 24px;
	color: #0E3A63;
	font-size: 11px;
	display: block;
	float:left;
}

#zone_ek{
	display: block;
	background: url(../../images/logo_ek.png) center center no-repeat;
	width: 124px;
	height: 43px;
	margin: 15px 0px 30px 55px;	
	float: left;
}

#centre_page{
	width: 488px;
	min-height: 650px;
}

#zone_bienvenue{
	background: url(../../images/zone_titrepage_bg.png) top left no-repeat;
	width: 488px;
	min-height: 90px;
	float:left;
	margin-left:-62px;

}
#zone_bienvenue .titreb{
	font-family: Verdana;
	font-size: 13px;
	font-weight: bold;
	margin: 16px 0 0 62px;
	color: #FFF;
}
#centre .titre {
	font-family: Verdana;
	font-size: 13px;
	font-weight: bold;
	margin: 16px 0 0 2px;
	color: #FFF;
}

#zone_bienvenue .articleb {
	font-family: Geneva;
	font-size: 11px;
	font-weight: normal;
	margin: 10px 0 0 62px;
	color: #333333;
}


#page{
	width: 430px;
	min-height: 90px;
	float:left;
	font-family: Geneva;
	font-size: 11px;
	margin-top: 10px;
	padding-left:62px;
	background:transparent url(../../images/zone_titrepage_bg.png) no-repeat ;
}

#page .article {
	font-family: Geneva;
	font-size: 11px;
	font-weight: normal;
	margin: 15px 0 0 0px;
	color: #333333;
}

#liste_produit {
	margin: 20px 0 0 0px;
	float: left;
}

.produit {
	float: left;
	margin: 0 5px 30px 0;
	background: url(../../images/produit_bg.png) left center no-repeat;
	border:none;
	width: 136px;
	height: 213px;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
}

.imgproduit {
	border: none;
	height:124px;
	margin:14px 0 0 3px;
	width:128px;
}
.imgproduit img {
	border:none;
	max-width:124px;
	max-height:123px;
	
}

.titreproduit {
	margin: 1px 0 0 2px;
	background: url(../../images/titreproduit_bg.png) left center no-repeat;
	font-size:11px;
	padding: 1px 0 0 23px;
	width:109px;
	height:18px;
	color:#FFF;
	overflow: hidden;
}

.prixproduit {
	margin: 2px 0 0 2px;
	background: url(../../images/prixproduit_bg.png) left center no-repeat;
	font-size:16px;
	padding-top: 5px;
	width:132px;
	text-align:center;
	height:28px;
	color:#FFF;
}

.savoirproduit {
	margin: 1px 0 0 2px;
	display: block;
	width:132px;
	height:17px;
	background: url(../../images/savoirproduit_bg.png) left center no-repeat;
}
.savoirproduit:hover {
	background: url(../../images/savoirproduit_hover_bg.png) left center no-repeat;
}

#marquedispo {
float: left;
margin-top: 10px;
 width: 410px;
 border-style: solid;
 border-width: 1px;
 border-color: #CCCCCC;
 padding: 3px;
}

.marque_titre {
	color: black;
	background: url(../../images/marques.png) left center no-repeat;
	height: 19px;
	width: 300px;
}
#marquedispo a {
color:#225F9E;
}

#marquedispo a:hover {
color:#B80D15;
}

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


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

}
#pdetailsd {
float: left;
width: 210px;
padding:3px;
}
#pdetailsb {
float: left;
width: 420px;
padding: 3px;
margin:2px 0 0 2px;
background: #F5F6F6;
min-height: 150px;
font-size: 11px;
font-family: Geneva;
}

#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 {
	background:transparent url(../../images/pdetailsprix_bg.png) no-repeat scroll center center;
	color:#FFFFFF;
	float:left;
	font-size:16px;
	font-weight:bold;
	height:30px;
	padding-top:8px;
	text-align:center;
	width:210px;
}

.pdetailscontact {
	background:transparent url(../../images/pdetailscontact_bg.png) no-repeat scroll center center;
	color:#FFFFFF;
	float:left;
	font-size:10px;
	font-weight:bold;
	height:22px;
	padding-top:4px;
	text-align:center;
	width:210px;
	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: 11px;
	font-family: Geneva;
	width: 198px;
}

.plan_acces{
text-align: center;
}

#centre_pied{
	width: 430px;
	min-height: 100px;
	background: url(../../images/zone_titrepage_bg.png) top left no-repeat;
	float: left;
	padding-left:62px;
}

.logo2 {
	margin: 15px 0 0 2px;
	height: 26px;
	width: 93px;
	background: transparent;
}

#adresse {
	margin: 7px 0 0 2px;
	font-family: Verdana;
	font-size: 11px;
	color: #000;
	width: 430px;
	min-height: 45px;
}

.ligne {
	background: url(../../images/ligne.png) center center no-repeat;
	margin: 7px 0 0 2px;
	height: 20px;
	width: 430px;;
}

#sommaire {
	margin: 7px 0 0 2px;
	font-family: Verdana;
	font-size: 10px;
	color: #000;
	width: 430px;
	min-height: 50px;
}

#sommaire ul {
margin:0;
padding:0;
}

#sommaire li {
display:inline;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#sommaire li a {
color:#000;
font-family: Verdana;
font-size:10px;
font-weight:100;
}
#sommaire li a:hover {
	color: #1F5EA3;
}



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

.photo_galerie{
float:left;
margin: 7px;
}

.galerie_photo{
margin:10px 10px 10px 10px;
}

.clear {
  clear:both;
  margin:0;
  padding:0;
}
a{
	text-decoration:none;
}
img {
	border:none;
}

.bleu {
	color: #0E3A63;
}

.erreur{
	font-size:10px;
	color:#A50000;	
}
.rouge {
	color:#C30B50;
}

.rub {
 font-size: 12px;
}

/*fin communes */