body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:48px 0px 0px 0px;
	background-image:url(/images/bg.gif);
	background-position:top;
	background-repeat:repeat-x;
	color:#000000;
}

form{
	margin:0px
}

img{
	border:0px;
}

.img_produit{
	padding:5px
}

.killer{
	clear:both;
	line-height:1px;
	height:1px;
}

.mast{
	width:770px;
	margin:0px auto 0px auto;
}

.mast_footer{
	width:765px;
	height:52px;
	margin:0px auto 0px auto;
	border-left:5px solid #D9D9D9;
	background-image:url(/images/bg-nav.gif);
	background-position:right;
	background-repeat:repeat-y;
	background-color:#FFFFFF;
}

.bt_boutique{
	position:absolute;
	z-index: 30;
	margin: 8px 0px 0px 10px;
}


/*****  NAVIGATION  *****/
.nav_item{
	width:770px;
	margin:76px auto 0px auto;
	position:absolute;
	z-index:10;
	text-align:right;
}

a.nav_esprit_on{
	display: block;
	float:right;
	width: 73px;
	height: 36px;
	background: url(/images/nav-esprit.gif) 0 -36px;
	background-repeat:no-repeat;
	padding:0px 1px 0px 0px;
	margin:0px;
}
a.nav_esprit{
	display: block;
	float:right;
	width: 73px;
	height: 36px;
	background-image: url(/images/nav-esprit.gif);
	background-repeat:no-repeat;
	padding-right:1px;
} 
a.nav_esprit:hover {
	height:36px;
	background: url(/images/nav-esprit.gif) 0 -36px;
	background-repeat:no-repeat;
}

a.nav_style_on{
	display: block;
	float:right;
	width: 66px;
	height: 36px;
	background: url(/images/nav-style.gif) 0 -36px;
	background-repeat:no-repeat;
	padding:0px 1px 0px 0px;
	margin:0px;
}
a.nav_style{
	display: block;
	float:right;
	width: 66px;
	height: 36px;
	background-image: url(/images/nav-style.gif);
	background-repeat:no-repeat;
	padding-right:1px;
} 
a.nav_style:hover {
	height:36px;
	background: url(/images/nav-style.gif) 0 -36px;
	background-repeat:no-repeat;
}


a.nav_trans_on{
	display: block;
	float:right;
	width: 121px;
	height: 36px;
	background: url(/images/nav-trans.gif) 0 -36px;
	background-repeat:no-repeat;
	padding:0px 1px 0px 0px;
	margin:0px;
} 
a.nav_trans{
	display: block;
	float:right;
	width: 121px;
	height:36px;
	background-image: url(/images/nav-trans.gif);
	background-repeat:no-repeat;
	padding-right:1px;
} 
a.nav_trans:hover {
	height:36px;
	background: url(/images/nav-trans.gif) 0 -36px;
	background-repeat:no-repeat;
}

a.nav_actu_on{
	display: block;
	float:right;
	width: 109px;
	height: 36px;
	background: url(/images/nav-actu.gif) 0 -36px;
	background-repeat:no-repeat;
	padding:0px 1px 0px 0px;
	margin:0px;
} 
a.nav_actu{
	display: block;
	float:right;
	width: 109px;
	height:36px;
	background-image: url(/images/nav-actu.gif);
	background-repeat:no-repeat;
	padding-right:1px;
} 
a.nav_actu:hover{
	height:36px;
	background: url(/images/nav-actu.gif) 0 -36px;
	background-repeat:no-repeat;
}


a.nav_part_on{
	display: block;
	float:right;
	width: 116px;
	height: 36px;
	background: url(/images/nav-part.gif) 0 -36px;
	background-repeat:no-repeat;
	padding:0px 1px 0px 0px;
	margin:0px;
} 
a.nav_part{
	display: block;
	float:right;
	width: 116px;
	height:36px;
	background-image: url(/images/nav-part.gif);
	background-repeat:no-repeat;
	padding-right:1px;
} 
a.nav_part:hover {
	height:36px;
	background: url(/images/nav-part.gif) 0 -36px;
	background-repeat:no-repeat;
}

a.nav_contact_on{
	display: block;
	float:right;
	width: 86px;
	height: 36px;
	background: url(/images/nav-contact.gif) 0 -36px;
	background-repeat:no-repeat;
	padding:0px;
	margin:0px;
} 
a.nav_contact{
	display: block;
	float:right;
	width: 86px;
	height:36px;
	background-image: url(/images/nav-contact.gif);
	background-repeat:no-repeat;
} 
a.nav_contact:hover {
	height:36px;
	background: url(/images/nav-contact.gif) 0 -36px;
	background-repeat:no-repeat;
} 

/************************/

.page{
	width:760px;
	margin:0px auto 0px auto;
	border-left:5px solid #D9D9D9;
	border-right:5px solid #D9D9D9;
	border-bottom:5px solid #D9D9D9;
	background-color:#FFFFFF;
	padding:0px 0px 25px 0px;
}

.biskot{
	width:178px;
	font-size:10px;
	color:#C11703;
	margin:25px auto 5px auto ;
	padding:6px 11px;
	background-image:url("/images/biskot-bgd.gif");
	background-position:top;
	background-repeat:no-repeat;
}

.biskot a{ font-size:10px;color:#C11703; text-decoration:underline; }
.biskot a:link, .biskot a:visited{ font-size:10px;color:#C11703; text-decoration:underline; }
.biskot a:hover{ font-size:10px;color:#C11703; text-decoration:none; }

/***************** HOME *******************/
.page_home{
	width:760px;
	background-image:url("/images/home-visu.jpg");
	background-position:left bottom;
	background-repeat:no-repeat;
	margin:-45px auto 0px auto;
	border-left:5px solid #D9D9D9;
	border-right:5px solid #D9D9D9;
	border-bottom:5px solid #D9D9D9;
	background-color:#FFFFFF;

}

.home_marque{
	float:left;
	padding: 10px 0px 0px 5px;
}

.home_bando{
	margin: 30px 0px 0px 0px;
	float:right;
}

.home_visu{
	background-color:#00FF00;
	float:left;
	}
	
.home_bloc_contenu{
	width: 470px;
	margin: 0px 0px 0px 0px;
	float:right;
	}

.bt_shop{
	margin: 0px 0px 20px 70px;
}
	
.home_contenu{
	width: 134px;
	color: #A41505;
	margin: 10px 0px 0px 60px;
	font-size:12px;
	background-image:url("/images/bg-select-haut.gif");
	background-position:top left;
	background-repeat:no-repeat;
	float:left;
	}
	
.home_select{
	width: 134px;
	background-image:url("/images/bg-select-bas.gif");
	background-position:bottom right;
	background-repeat:no-repeat;
	}
	
.home_select h1 {
	margin: 10px 0px 0px 10px;
	}
	
.home_select h1 a{
	font-size:12px;
	color: #A41505;
	}
	
.home_select h1 a:hover{
	font-size:12px;
	color: #A41505;
	text-decoration:none;
	}


.home_select img{
	margin: 2px 0px 3px 20px;
	}
	
.home_select span{
	color: #FFFFFF;
	font-size:12px;
	margin: 0px 0px 0px 48px;
	}

.home_select span a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #FFFFFF;
	font-weight:bold;
	text-decoration:none;
	}
	
.home_select span a:hover{
	font-size:12px;
	color: #FFFFFF;
	text-decoration:none;
	}
		
	
.home_conseil{
	width:440px;
	height:100px;
	float:right;
	background-image:url("/images/home-visuconseil.jpg");
	background-position:right;
	background-repeat:no-repeat;
	margin:20px 0px 10px 0px;
	}
	
.conseil_content{
	float:left;
	}
	
.lunitop{
	margin: 0px 0px 0px 0px; 
	border-top:6px solid #CCCCCC;
	}

/*******************************************/
/***************** STYLE *******************/
.style_col{
	width:253px;
	float:left;
	padding:0px 0px 35px 0px;
	background-image:url(/images/separ.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}

.style_text{
	padding:15px 7px 31px 7px;
	color:#636363;
	text-align:justify;
}

.style_text p{
	width:98%;
	padding:0px 0px 0px 0px;
	margin:0px 0px 35px 0px;
	color:#930000;
	font-size:12px;
}
/**************************************************/
/***************** TRANSPARENCE *******************/
.trans_col{
	width:380px;
	float:left;
	padding:0px 0px 35px 0px;
	background-image:url(/images/separ.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}

.trans_img{
	float:right;
	width:167px;
	padding:6px;
	background-image:url(/images/bg-trans-img.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

.liste_trans{
	float:left;
	width:98px;
	margin:0px 30px 25px 0px;
}
.liste_trans a{ display:block; padding:4px; background-color:#FFFFFF;}
.liste_trans a:link, .liste_trans a:visited{ padding:4px; background-color:#FFFFFF;}
.liste_trans a:hover{
	padding:4px;
	background-image:url(/images/bg-liste-trans.gif);
	background-position:top left;
	background-repeat:no-repeat;
}


/**************************************************/
/****************** PARTENAIRE ********************/
.part, .plan{
	padding:10px;
}

.part_bloc{
	width:240px;
	float:left;
	margin:0px 10px 35px 0px;
}

.part_bloc a{ color:#640000; text-decoration:underline; }
.part_bloc a:link, .part_bloc a:visited{ color:#640000; text-decoration:underline; }
.part_bloc a:hover{ color:#640000; text-decoration:none; }

.part_bloc img{
	float:left;
	margin:0px 10px 0px 0px;
	border:1px solid #640000;
}

.part_bloc strong{
	color:#640000;
}

.part_bloc p{
	font-style: italic;
	text-align:right;
	margin:5px 0px 0px 0px;
	padding:0px;
}

/**************************************************/
/****************     ACTUS     *******************/

.actu_content{
	width:487px;
	float:left;
	padding:0px 0px 35px 0px;
	margin:10px 0px 10px 10px;
	font-size:12px;
}

.actu_content h1{
	color:#640000;
	font-size:24px;
	margin-bottom:20px;
}

.actu_diaporama{
	width:380px;
	padding:10px 10px 10px 10px;
	margin:30px auto 0px auto;
	background-image:url(/images/bg-actu.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

.actu_legende{
	width:390px;
	padding:3px 5px 3px 5px;
	margin:3px auto 0px auto;
	background-color:#930000;
	color:#FFFFFF;
	text-align:center;
	font-size:11px;
}

.pagination{
	width:400px;
	margin:5px auto 0px auto;
	font-size:11px;
	color:#7F7F7F;
}

.pagination a{ color:#7F7F7F; text-decoration:underline; }
.pagination a:link, .pagination a:visited{ color:#7F7F7F; text-decoration:underline; }
.pagination a:hover{ color:#930000; text-decoration:none; }

.pagination span{ color:#930000; }


.pagi_prev{
	float:left;
	width:58px;
}
.pagi_num{
	width:276px;
	padding:0px 10px;
	float:left;
	text-align:center;
}
.pagi_next{
	float:left;
	width:46px;
}

/**************************************************/
/***************     CONTACT     ******************/

.page_contact{
	width:760px;
	margin:0px auto 0px auto;
	border-left:5px solid #D9D9D9;
	border-right:5px solid #D9D9D9;
	border-bottom:5px solid #D9D9D9;
	background-color:#FFFFFF;
	padding:0px 0px 25px 0px;
	font-size:12px;
}
.page_contact strong{
	color:#930000;
}

.page_contact p{
	background-image:url("/images/contact-p.gif");
	background-position:bottom;
	background-repeat:repeat-x;
	padding:0px 0px 0px 0px;
	margin:0px 0px 2px 0px;
}

.contact_col1{
	width:290px;
	float:left;
	padding:10px 10px 35px 10px;
	background-image:url(/images/separ.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}

.contact_col1 p{
	background-image:url("/images/contact-p.gif");
	background-position:bottom;
	background-repeat:repeat-x;
	padding:0px 0px 0px 0px;
	margin:0px 0px 2px 0px;
}

.contact_col1 span{
	float:right;
	padding:0px 3px 0px 3px;
	background-color:#FFFFFF;
}

.contact_col1 a{ font-size:12px; color:#930000; text-decoration:underline;}
.contact_col1 a:link, .contact_col1 a:visited{font-size:12px; color:#930000;text-decoration:underline;}
.contact_col1 a:hover{font-size:12px; color:#000000;text-decoration:none;}


.contact_col2{
	float:left;
	width:430px;
	padding:10px 10px 35px 10px;
}

.contact_col2 p{
	background-image:url("/images/contact-p.gif");
	background-position:bottom;
	background-repeat:repeat-x;
	padding:0px 0px 0px 0px;
	margin:0px 0px 6px 0px;
}


.contact_col1 strong, .contact_col2 strong{
	padding:0px 3px 0px 3px;
	background-color:#FFFFFF;
}

.contact_col2 a{ color:#930000; text-decoration:underline;}
.contact_col2 a:link, .contact_col2 a:visited{color:#930000;text-decoration:underline;}
.contact_col2 a:hover{color:#930000;text-decoration:none;}

.contact_col2 input{
	float:right;
	color:#000000;
	border:1px solid #737373;
	font-size:11px;
	margin:0px 0px 0px 0px;
}

.contact_col2 textarea{
	float:right;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #737373;
	font-size:11px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.select_contact{
	float:right;
	width:224px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
}

.select_date{
	float:right;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0px 3px 0px 0px;
	padding:0px 0px 0px 0px;
}

/**************************************************/
/***************     CONSEILS     ******************/
.conseils_col1{
	width:253px;
	float:left;
	background-image:url(/images/separ.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}


.conseils_col2{
	float:left;
	width:470px;
	padding:10px 10px 35px 10px;
}

.conseils_col2 a,conseils_col2 a:link,conseils_col2 a:visited{
	color: #930000;
	text-decoration:underline;
}

.conseils_col2 a:hover{
	color: #930000;
	text-decoration:none;
}

.conseils_col2 img {
	margin-left: 10px;
}

.conseils_col2 h1{
	font-size:12px;
	text-decoration:underline;
	color:#C11703;
	text-transform:uppercase;
	margin-top:15px;
}


/**************************************************/
/***************     PLAN     ******************/
.plan ul{ 
	padding:0px;
	margin:0px 0px 10px 10px;
	font-weight:bold;
}
.plan ul ul{ 
	padding:0px;
	margin:0px 0px 10px 0px;
	font-weight:normal;
}
.plan li{ 
	padding:0px;
	margin:0px 0px 0px 15px;
	font-size:12px;
	list-style:none;
}

.plan a{ color:#930000; text-decoration:underline;}
.plan a:link, .plan a:visited{color:#930000;text-decoration:underline;}
.plan a:hover{color:#930000;text-decoration:none;}



.link a{ 
	display:block;
	padding:0px 0px 10px 30px;
	color:#7F7F7F;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
.link a:link, .link a:visited{ color:#7F7F7F; text-decoration:none;}
.link a:hover{ color:#833333; text-decoration:none;}

.link strong{ color:#833333; font-style:italic;}

.style_bt{
	text-align:right;
	margin:0px 10px 0px 0px;
}

.style_nav{
	width:253px;
	float:left;
	padding:0px 0px 35px 0px;
	background-image:url(/images/separ.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}

.style_content{
	width:487px;
	float:left;
	padding:0px 0px 35px 0px;
	margin:10px 0px 10px 10px;
}

.style_content h1{
	color:#640000;
	font-size:24px;
	margin-bottom:20px;
}

.chemin, .ttl{
	color:#930000;
	font-size:12px;
	margin-bottom:20px;
}
.chemin a{color:#930000; text-decoration:underline; }
.chemin a:link, .chemin a:visited{ color:#930000; text-decoration:underline; }
.chemin a:hover{ color:#930000; text-decoration:none; }

.liste_logo{
	float:left;
	margin:0px 15px 20px 0px;
	border:1px solid #833333;
}
.liste_logo a{ display:block; padding:1px; background-color:#FFFFFF;}
.liste_logo a:link, .liste_logo a:visited{ padding:1px; background-color:#FFFFFF;}
.liste_logo a:hover{ padding:1px; background-color:#833333;}

.liste_lunette{
	float:left;
	margin:0px 30px 25px 0px;
}
.liste_lunette a{ display:block; padding:1px; background-color:#FFFFFF;}
.liste_lunette a:link, .liste_lunette a:visited{ padding:1px; background-color:#FFFFFF;}
.liste_lunette a:hover{
	padding:1px;
	background-image:url(/images/bg-liste-lunette.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

.logo_lunette{
	float:right;
	padding:2px;
	background-color:#833333;
	margin-bottom:5px;
}


.fiche{
	float:left;
	width:290px;
	font-size:12px;
}


.fiche ul{
	margin:5px 0px 20px 0px;
	padding:0px;
}

.fiche li{
	list-style:none;
	margin:0px;
	padding:0px 0px 0px 22px;
}

.fiche_ttl{
	color:#FFFFFF;
	padding:0px 0px 0px 22px;
	font-size:12px;
	font-weight:bold;
	background-color:#640000;
	background-image:url(/images/bg-titre.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

.fiche_ttl a{ color:#FFFFFF; text-decoration:underline;}
.fiche_ttl a:link, .fiche_ttl a:visited{color:#FFFFFF;text-decoration:underline;}
.fiche_ttl a:hover{color:#FFFFFF;text-decoration:none;}

.fiche_img{
	float:right;
	width:178px;
	padding:1px;
	background-image:url(/images/bg-fiche-img.gif);
	background-position:left top;
	background-repeat:no-repeat;
}


