/* Common */

/* Selecteur */

* {
	margin:0;
	padding:0;
}
html {	
	font-size:100%;
	height:100%;
}
body {
	background-color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	width:100%;
	height:100%;
}
a {
	text-decoration:none;
}
img {
	border:0;
}
li {
	list-style:none;
}
.input {
	padding-left:2px;
	font-family:Arial, Helvetica, sans-serif;
}
.clear {
	clear:both;
}

/* END Selecteur */

/* Structure */

.header {
	background-color:#004d3e;
	width:100%;
	min-width:1080px;
	height:100px;
}
.header .content {
	width:1080px;
	margin-left:auto;
	margin-right:auto;
	padding-top:9px;
	/*height:100px;*/
}
.menu {
	background:url(../images/common/bg-menu.jpg) left top repeat-x;
	width:100%;
	min-width:1080px;
	height:34px;
	position:absolute;
	top:100px;
	font-weight:bold;
}

.container, .footer .content {
	width:915px;
	margin-left:auto;
	margin-right:auto;
	padding-right:165px;
}

.menu .content {
	width:1080px;
	margin-left:auto;
	margin-right:auto;
}

.container {
	padding-top:64px;
}
.container .content {
	width:642px;
	padding-right:13px;
	float:left;
}
.container .push {
	width:260px;
	float:left;
}
.footer {
	background:url(../images/common/bg-footer.jpg) left top repeat-x;
	background-color:#d8ca97;
	width:100%;
	min-width:1080px;
	height:135px;
}
.footer .content {
	padding-top:20px;
}
.bg-bottom {
	background:url(../images/common/bg-bottom.jpg) left top repeat-x;
	width:100%;
	min-width:1080px;
	height:39px;
}

/* END Structure */

/* Header */

.header .logo {
	padding-top:15px;
	float:left;
}
.header .push-header {
	padding-top:10px;
	padding-left:77px;
	float:left;
}
.header .espace-perso {
	background:url(../images/common/bg-espace-perso.gif) left top no-repeat;
	width:397px;
	height:83px;
	float:right;
	text-transform:uppercase;
	color:#736c51;
}
.header .espace-perso h2 {
	background:url(../images/common/picto-cadenas.gif) 230px 4px no-repeat;
	height:19px;
	padding-top:8px;
	padding-left:252px;
	font-size:10px;
	color:#004d3e;
}
.header .espace-perso h2 a {
	color:#004d3e;
}
.header .espace-perso ul {
	padding-top:15px;
}
.header .espace-perso ul li {
	float:left;
	width:198px;
	text-align:center;
	font-size:14px;
	line-height:13px;
}
.header .espace-perso ul li span {
	font-size:10px;
}
.header .espace-perso ul li a {
	color:#736c51;
}

.header .espace-perso.inscrit {
	background:url(../images/common/bg-espace-perso-big.gif) left top no-repeat;
	width:483px;
	display:none;
}
.header .espace-perso.inscrit h2 {
	background-position:316px 4px;
	padding-left:338px;
}
.header .espace-perso.inscrit p.txt {
	font-size:13px;
	padding-top:13px;
	padding-left:10px;
	padding-right:5px;
	float:left;
}
.header .espace-perso.inscrit .formulaire {
	float:left;
	padding-top:5px;
}
.header .espace-perso.inscrit .formulaire label {
	float:left;
	font-size:11px;
	text-transform:none;
	width:108px;
}
.header .espace-perso.inscrit .formulaire .input {
	float:left;
	margin-bottom:4px;
	color:#726b50;
	font-size:11px;
}
.header .espace-perso.inscrit .formulaire .input.text {
	background:url(../images/common/bg-input-text.jpg) left top repeat-x;
	width:118px;
	height:13px;
	border:#9d9871 1px thick;
}
.header .espace-perso.inscrit .formulaire .input.checkbox {
	margin-left:6px;
	margin-bottom:2px;
}
.header .espace-perso.inscrit .formulaire.right {
	width:120px;
}
.header .espace-perso.inscrit .formulaire.right label {
	width:92px;
	padding-left:6px;
	font-size:10px;
}
.header .espace-perso.inscrit .formulaire p.btn {
	background:url(../images/common/boutons/bg-42-15-vert.png) left top no-repeat;
	width:42px;
	text-align:center;
	font-size:9px;
	color:#ffffff;
	font-weight:bold;
	line-height:15px;
	float:right;
	margin-bottom:5px;
}
.header .espace-perso.inscrit .formulaire p.btn a {
	background:url(../images/common/puce-fleche-blanc.gif) 5px 5px no-repeat;
	color:#ffffff;
	display:block;
}
.header .espace-perso.inscrit .formulaire p.password-oublie {
	font-size:9px;
	text-transform:none;
	text-align:right;
}
.header .espace-perso.inscrit .formulaire p.password-oublie a {
	color:#736c51;
	text-decoration:underline;
}

.header .espace-perso.non-inscrit, .header .espace-perso.logged {
	background:url(../images/common/bg-espace-perso-small.gif) left top no-repeat;
	width:180px;
	padding-left:28px;
	/*display:none;*/
}
.header .espace-perso.non-inscrit h2, .header .espace-perso.logged h2 {
	background-position:12px 4px;
	padding-left:34px;
}
.header .espace-perso.non-inscrit p.txt {
	width:180px;
	text-align:center;
	font-size:14px;
	padding-top:8px;
}
.header .espace-perso.non-inscrit p.btn, .header .espace-perso.logged p.btn {
	background:url(../images/common/boutons/bg-120-15-vert.png) left top no-repeat;
	width:120px;
	text-align:center;
	font-size:9px;
	color:#ffffff;
	font-weight:bold;
	line-height:15px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}
.header .espace-perso.non-inscrit p.btn a, .header .espace-perso.logged p.btn a {
	background:url(../images/common/puce-fleche-blanc.gif) 5px 5px no-repeat;
	color:#ffffff;
	display:block;
}

.header .espace-perso.logged p.txt {
	text-align:right;
	font-size:11px;
	text-transform:none;
	display:block;
	padding-right:14px;
	padding-top:10px;
	width:166px;
}
.header .espace-perso.logged p.btn {
	float:right;
	margin-right:14px;
}
.header .espace-perso.logged p.btn a {
	padding-left:5px;
}

/* END Header */

/* Breadcrumb */

.container ul.breadcrumb {
	font-size:12px;
	color:#373737;
}
.container ul.breadcrumb li {
	padding-right:6px;
	float:left;
	padding-bottom:20px;
}
.container ul.breadcrumb li.puce {
	background:url(../images/common/puce-breadcrumb.gif) 0px 5px no-repeat;
	padding-left:8px;
}
.container ul.breadcrumb li a {
	color:#373737;
}
.container ul.breadcrumb li a:hover {
	text-decoration:underline;
}

/* END Breadcrumb */


/* Push */

.push ul li {
	margin-bottom:18px;
}
.push ul li.trouver-magasin {
	background:url(../images/common/bg-push-vert.jpg) left top no-repeat;
	height:163px;
	text-align:center;
	padding-top:10px;
}

.push ul li.trouver-magasin.lunettes {
	background:transparent !important;
	height:163px;
	text-align:center;
	padding-top:10px;
}

.push ul li.trouver-magasin .input {
	background:url(../images/common/bg-input-text.jpg) left top repeat-x;
	width:178px;
	height:16px;
	border:#9d9871 1px thick;
	color:#726b50;
	font-size:11px;
	float:left;
	margin-left:14px;
	margin-top:10px;
}
.push ul li.trouver-magasin p.btn {
	background:url(../images/common/boutons/bg-42-18-vert.png) left top no-repeat;
	width:42px;
	text-align:center;
	font-size:9px;
	color:#ffffff;
	font-weight:bold;
	line-height:18px;
	float:left;
	margin-left:10px;
	margin-top:10px;
}
.push ul li.trouver-magasin p.btn a {
	background:url(../images/common/puce-fleche-blanc.gif) 5px 6px no-repeat;
	color:#ffffff;
	display:block;
}
.push ul li.trouver-magasin.lunettes .input {
	margin-top:4px;
}
.push ul li.trouver-magasin.lunettes p.btn {
    margin-top:4px;
}

/* END Push */


/* Footer */

.footer ul {
	border-right:#b2a576 1px solid;
	float:left;
	height:100px;
}
.footer ul.no-border {
	border-right:none;
}
.footer ul li {
	color:#726b50;
	font-size:11px;
	margin-left:24px;
	margin-right:24px;
	padding-bottom:2px;
	padding-left:5px;
}
.footer ul li.titre {
	color:#504b38;
	text-transform:uppercase;
	padding-bottom:15px;
	background:url(../images/common/puce-footer.gif) left top no-repeat;
	padding-left:16px;
}
.footer ul li.picto {
	float:left;
	margin-left:25px;
	margin-right:0px;
	padding-bottom:2px;
	padding-left:5px;
	padding-top:12px;
}
.footer ul li.picto.facebook {
	margin-left:0px;
}
.footer ul li a {
	color:#726b50;
}
.footer ul li a:hover {
	text-decoration:underline;
}

/* END Footer */


/* Page de collection All (lunettes + lentilles) */

.collection-all h1 {
    font-size:22px;
    color:#000000;
    font-weight:normal;
}
.collection-all .galerie {
    padding-top:18px;
}
.collection-all .galerie .pagination {
    width:642px;
}
.collection-all .galerie .pagination.top {
    background:url(../images/common/bg-top-content-collection.gif) left top no-repeat;
    height:25px;
    padding-top:6px;
}
.collection-all .galerie .pagination.bottom {
    background:url(../images/common/bg-bottom-content-collection-detail.gif) left bottom no-repeat;
    height:22px;
    padding-bottom:6px;
    margin-bottom:50px;
}
.collection-all .galerie .pagination ul {
    text-align:center;
}
.collection-all .galerie .pagination ul li {
    color:#a0a0a0;
    font-size:10px;
    padding-right:5px;
    display:inline;
}
.collection-all .galerie .pagination ul li.puce input {
    position:relative;
    top:4px;
}
.collection-all .galerie .pagination ul li.on, .collection-all .galerie .pagination ul li.on a {
    color:#000000;
}
.collection-all .galerie .pagination ul li a {
    color:#a0a0a0;
}
.collection-all .galerie .pagination ul li a:hover {
    color:#000000;
}
ul.product-all {
    padding-top:10px;
}
ul.product-all li {
    float:left;
}
ul.product-one li {
    float:none;
    padding-bottom:2px;
}
ul.product-one li.genre a {
    color:#aaa39b
}
ul.product-one li.marque a {
    text-transform:uppercase;
    color:#373737
}
ul.product-one li.prix {
    text-transform:uppercase;
    font-size:15px;
    font-weight:bold;
    padding-bottom:30px;
}
ul.product-one li.prix a {
    color:#000000;
}

/* Page de collection Detail (lunettes + lentilles) */

.collection-detail .top {
    background:url(../images/common/bg-top-content-detail.gif) left top no-repeat;
    width:642px;
    height:34px;
    padding-top:6px;
}
.collection-detail .bottom {
    background:url(../images/common/bg-bottom-content-collection-detail.gif) left top no-repeat;
    width:642px;
    height:22px;
}
.collection-detail h1 {
    font-size:14px;
    color:#aaa39b;
    text-transform:uppercase;
    float:left;
    padding-top:6px;
    padding-left:8px;
    width:368px;
}
.collection-detail .top ul {
    float:left;
}
.collection-detail .top ul.action {
    padding-top:4px; 
}
.collection-detail .top ul.action li {
    display:inline;
    padding-right:12px;
    text-transform:uppercase;
    color:#565656;
    font-size:9px;
}
.collection-detail .top ul.action li a {
    color:#565656;
}
.collection-detail .top ul.partager li {
    display:inline;
    /*padding-right:4px;*/
}

.collection-detail .content {
    padding-left:8px;
    padding-right:40px;
}
.collection-detail .content-left {
    width:365px;
    float:left;
    padding-left:8px;
}
.collection-detail .content-left h2 {
    height:42px;
    padding-bottom:10px;
    font-size:14px;
    color:#aaa39b;
    text-transform:uppercase;
}
.collection-detail .content-left p.intro {
    font-size:12px;
    color:#373737;
    height:80px;
}
.collection-detail .content-left p.btn {
    float:left;
    border-right:#8c8c8c dotted 1px;
    padding-right:12px;
    margin-right:12px;
}
.collection-detail .content-left .colori {
    float:left;
}
.collection-detail .content-left .colori p {
    text-transform:uppercase;
    color:#373737;
    padding-bottom:6px;
}
.collection-detail .content-left .colori ul {
    
}
.collection-detail .content-left .colori ul li {
    display:inline;
    padding-right:6px;    
}

/* Tooltip */

.collection-detail .tooltip a{
	color:White;
}

.collection-detail .tooltip {
    position:absolute;
    margin-top:95px;
    margin-left:8px;
}
.collection-detail .tooltipcollection {
    position:absolute;
    margin-top:95px;
    margin-left:8px;
}
.content-map .tooltip {
    position:absolute;
    margin-top:8px;
    margin-left:36px;
    z-index:2;
}
.tooltip div {
    float:left;
}
.tooltip-left {
    background:url(../images/common/tooltip-left.gif) left top no-repeat;
    width:3px;
    height:26px;
}
.tooltip-content {
    background:url(../images/common/tooltip-repeat.gif) left top repeat-x;
    line-height:26px;
    padding-left:8px;
    padding-right:18px;
    font-size:12px;
    color:#ffffff;
}
.tooltip.click .tooltip-content {
    padding-right:20px;
}
.tooltip-right {
    background:url(../images/common/tooltip-right.gif) left top no-repeat;
    width:3px;
    height:26px;
}
.tooltip-bottom {
    background:url(../images/common/tooltip-bottom.gif) left top no-repeat;
    width:11px;
    height:8px;
    position:absolute;
    margin-left:16px;
}
.tooltip-top {
    background:url(../images/common/tooltip-top.gif) left top no-repeat;
    width:12px;
    height:8px;
    position:absolute;
    margin-left:16px;
    margin-top:-7px;
}


.collection-detail .tooltip-close {
    position:absolute;
    top:0px;
    right:0px;
}
.content-map .tooltip-close {
    position:relative;
    top:-25px;
    left:260px;
}

/* END Tooltip */

.collection-detail .content-right {
    float:left;
    padding-top:20px;
}
.collection-detail .content-right ul li {
    float:left;
}
.collection-detail .content-right ul li.prix {
    width:144px;
    height:141px;
    font-size:60px;
    line-height:110px;
    text-align:center;
    margin-right:15px;
    font-weight:bold;
    color:#ffffff;
    /*background:url(../images/collection/bg-prix-homme.gif) left top no-repeat;*/
}
.collection-detail .content-right ul li.prix sup {
    font-size:30px;
}
.collection-detail p.legende {
    color:#797979;
    padding-top:12px;
    padding-bottom:2px;
    padding-left:10px;
}
.collection-detail h3 {
    font-size:18px;
	text-transform:uppercase;
	padding-top:16px;
	padding-left:14px;
	padding-bottom:10px;
	letter-spacing:-1px;
	font-weight:normal;
}
.collection-detail h3 span {
	color:#aaa48b;
}
.collection-detail ul.product-all {
    background:url(../images/collection/bg-product-univers.jpg) left top no-repeat;
    padding-left:30px;
    padding-right:30px;
    padding-top:20px;
    width:582px;
    height:126px;
    margin-bottom:50px;
}
.collection-detail ul.product-all li {
    padding-right:100px;
    float:left;
}
.collection-detail ul.product-all li.last {
    padding-right:0px;
}
.collection-detail ul.product-one li {
    float:none;
    padding-right:0px;
}

.collection-all .galerie .pagination {
    width:642px;
}
.collection-all .galerie .pagination.top {
    background:url(../images/common/bg-top-content-collection.gif) left top no-repeat;
    height:25px;
    padding-top:6px;
}
.collection-all .galerie .pagination.bottom {
    background:url(../images/common/bg-bottom-content-collection-detail.gif) left bottom no-repeat;
    height:22px;
    padding-bottom:6px;
    margin-bottom:50px;
}
.collection-all .galerie .pagination ul {
    text-align:center;
}
.collection-all .galerie .pagination ul li {
    color:#a0a0a0;
    font-size:10px;
    padding-right:5px;
    display:inline;
}
.collection-all .galerie .pagination ul li.puce input {
    position:relative;
    top:4px;
}
.collection-all .galerie .pagination ul li.on, .collection-all .galerie .pagination ul li.on a {
    color:#000000;
}
.collection-all .galerie .pagination ul li a {
    color:#a0a0a0;
}
.collection-all .galerie .pagination ul li a:hover {
    color:#000000;
}

/* Page de contenu statique */

h2.st-violet {
    font-size:16px;
    text-transform:uppercase;
    font-weight:bold;
    color:#9192ce;
    margin-top:20px;
    padding-bottom:2px;
    padding-left:10px;
    background:url(../images/common/puce-disc-violet.gif) left 6px no-repeat;
}
p.txt-content {
    font-size:12px;
    line-height:18px;
    padding-bottom:20px;
    padding-right:40px;
    text-align:justify;
    background:url(../images/service/bg-trait-deg.jpg) left bottom no-repeat;
}
p.txt-content.no-bg {
    background:none;
}
p.txt-content.padding {
    padding-top:20px;
}
p.txt-content a {
    color:#000000;
    text-decoration:underline;
}

ul.sub-nav {
    background:url(../images/service/bg-sub-nav.jpg) left top no-repeat;
    width:575px;
    height:36px;
    margin-top:35px;
    margin-bottom:25px;
    padding-top:20px;
}
ul.sub-nav li {
	color:#726b50;
	font-size:12px;
	padding-bottom:2px;
	padding-left:5px;
	display:inline;
}
ul.sub-nav li a {
    color:#726b50;
    text-decoration:underline;
}
ul.sub-nav li.titre {
	color:#504b38;
	text-transform:uppercase;
	padding-bottom:15px;
	background:url(../images/common/puce-footer.gif) left 1px no-repeat;
	padding-left:16px;
	margin-left:15px;
	font-size:11px;
}

/* Pages Videos */

ul.video-liste {
    width:460px;
    margin-right:50px;
    float:left;
}
ul.video-liste li {
    font-size:12px;
    padding-top:20px;
    padding-bottom:20px;
    line-height:18px;
    text-align:justify;
    background:url(../images/service/bg-trait-deg.jpg) left bottom no-repeat;
}
ul.video-liste li.no-bg {
    background:none;
}
ul.video-liste li a {
    background:url(../images/common/puce-fleche-vert.gif) left 5px no-repeat;
    color:#004d3e;
    font-weight:bold;
    padding-left:8px;
}
ul.video-liste li a:hover {
    text-decoration:underline;
}
.video-player {
    float:left;
    margin-bottom:50px;
}



/* Page Credits */

.credit h1, .plan h1 {
    font-size:22px;
    text-transform:uppercase;
    font-weight:normal;
    color:#373737;
}
.credit h2.st-violet {
    float:left;
    margin-right:10px;
}
.credit .logo-rapp {
    margin-top:13px;
}


/* Page plan du site */

.plan  h2.st-violet a {
    color:#9192ce;
}
.plan ul {
    padding-left:15px;
    padding-bottom:20px;
    background:url(../images/service/bg-trait-deg.jpg) left bottom no-repeat;
}
.plan ul.no-bg {
    background:none;
}
.plan ul li {
    font-size:12px;
    padding-left:15px;
    line-height:18px;
}
.plan ul li ul {
    padding-left:20px;
    padding-bottom:0px;
    background:none;
}
.plan ul li a {
    color:#000000;
    text-decoration:underline;
}
.plan ul li a:hover {
    text-decoration:none;
}

span.error-message
{
	text-align:left;
	padding-left:0px;
	font-size:14px;
}

p.erreur
{
	color:Red;
}


/* Pages remboursement */

h3.st-remboursement {
    padding-top:10px;
    padding-bottom:10px;
}

table.tarif-remboursement {
    width:600px; 
    margin-bottom:10px;
}
table.tarif-remboursement th {
    padding:5px;
}
table.tarif-remboursement td {
    text-align:center;
}
table.tarif-remboursement td.type {
    text-align:left;
    padding:5px;
    width:400px;
}

.error h1
{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
}

.divError
{
	padding-top:85px;
	font-size:small;
	color:Red;
	padding-bottom:10px;
}

/* PAGE BON DE REDUCTION */

.promotion .bloc_bonDeRecuction{ margin:0; padding:0; background:url("../images/reduction/bg_top_bloc_offre_reduction.jpg") left top no-repeat; }
.promotion .bloc_bonDeRecuction h1{ margin:0 0 0 18px; padding:38px 0 0 20px; font-size:15px; color:#004D3E; background:url("../images/reduction/bullet_h1_bonDeReduc.jpg") 0 38px no-repeat; }
.promotion .bloc_bonDeRecuction p{ margin:14px 0 40px 40px; padding:0; font-size:12px; color:#004D3E; }

.promotion .bloc_bonDeRecuction_bottom{ margin:0; padding:0; background:url("../images/reduction/bg_bottom_bloc_offre_reduction.jpg") left top no-repeat; }

.promotion .bloc_offre_reduction{ position:relative; z-index:50; margin:0; padding:0; width:641px; height:225px; background:#1C705F; }
.promotion .bloc_offre_reduction .visuel{ position:absolute; top:0; left:0; width:254px; height:225px; background:#FFF; border-top:1px solid #98b9b2; }
.promotion .bloc_offre_reduction .visuel h2{ margin:0; padding:15px 0; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#E1D19D; text-transform:uppercase; }
.promotion .bloc_offre_reduction .visuel h2 span{ font-weight:bold !important; }

.promotion .bloc_offre_reduction .visuel .btn_jimprime{ margin:0; padding:18px 0 0 0; }
.promotion .bloc_offre_reduction .visuel .btn_jimprime a{ display:block; margin:0 auto; padding:0; width:83px; height:23px; }

.promotion .bloc_offre_reduction .ticket_reduc{ position:absolute; top:0; left:254px; width:364px; padding:0 0 1px 0; border-top:1px solid #0C5C4C; }
.promotion .bloc_offre_reduction .ticket_reduc img{ margin:41px 0 0 11px; }

.promotion .bloc_bonDeRecuction p.info_reduc{ position:relative; z-index:100; margin:0; padding:40px 0 0 0; height:100px; background:url("../images/reduction/bg_bottom_bloc_offre_reduction.jpg") 0 top no-repeat; font-size:10px; color:#004D3E; }

/* Easy Slider */

	#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:225px;
		height:60px;
		overflow:hidden; 
		}	
		
/* // Easy Slider */